- ベストアンサー
折りたたみの数字を自動化する方法
- 折りたたみを300個作るため、数字が1~300まであります。
- しかし、手動で数字を入れていくのは非常に大変です。
- この3箇所の*印の部分に数字を自動で入れる方法はあります。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
思い切って、番号自体省略してみません? JQUERYが使えない環境もあるので、なんともですが。 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <title>Welcome</title> </head> <body> <div class="waa"> <img src=" " alt="" width=" " height=" " class=" " />絵 </div> <div style="display:none;clear:both;">aaa</div> <div class="waa"> <img src=" " alt="" width=" " height=" " class=" " />絵 </div> <div style="display:none;clear:both;">aaa</div> <div class="waa"> <img src=" " alt="" width=" " height=" " class=" " />絵 </div> <div style="display:none;clear:both;">aaa</div> <script> $(function(){ $("div.waa").on("click",function() { $(this).next().toggle(); }); }); </script> </body> </html> 要するに、押したボタン(画像)の次のDIVをDISPLAY:BLOCK/NONE;してるだけです。 後は、ただ、並べればいいかと。 これじゃだめ?
その他の回答 (1)
- hue2011
- ベストアンサー率38% (2801/7249)
PHPで考えたらものすごく簡単な話です。 HTMLだけでやりたいんですか。 だったら、sedを使って300個のファイルを生成すればいいんじゃないでしょうか。こちらも簡単きわまりないですね。
補足
回答ありがとうございます。 簡単なのですか? 記述がHTMLだと思ったので、HTMLにしました。 PHPとかは、聞いたことがありますが、 やり方自体、よく分かっていないです。