• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:増えていく数字を記入する)

折りたたみの数字を自動化する方法

このQ&Aのポイント
  • 折りたたみを300個作るため、数字が1~300まであります。
  • しかし、手動で数字を入れていくのは非常に大変です。
  • この3箇所の*印の部分に数字を自動で入れる方法はあります。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.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)
回答No.1

PHPで考えたらものすごく簡単な話です。 HTMLだけでやりたいんですか。 だったら、sedを使って300個のファイルを生成すればいいんじゃないでしょうか。こちらも簡単きわまりないですね。

mute_low
質問者

補足

回答ありがとうございます。 簡単なのですか? 記述がHTMLだと思ったので、HTMLにしました。 PHPとかは、聞いたことがありますが、 やり方自体、よく分かっていないです。

関連するQ&A

専門家に質問してみよう