- ベストアンサー
複数のサブメニューが作動する方法とは？
- クリックすると複数のサブメニューが現れるソースを作成する方法を教えてください。
- 複数の大メニューと、それに対応する複数の小メニューを作動させたい場合、どのようにすれば実現できますか？
- 具体的なコードの記述や手順を教えてください。
- sapphirejp
- お礼率21% (3/14)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
CSSが無いと動かないような気が… 1）一番簡単な方法は、名前やＩＤがダブらないようにして、同じものを2個セットする。 2）普通の方法だと、スクリプトを一般化して、複数対応可能なように修正する。 動作を確認していないので予定されている動作がわかっていませんが、こんなこと？ （jqueryを使用しています） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> <!-- $(function(){ $("div.menu > div > ul").hide(); $("div.menu > div > a").click(function() { $(this).next("ul:first").slideToggle(); }); }); //--> </script> </head> <body> <div class="menu"> <div> <a href="#"><small>大メニュー１</small></a> <ul> <li><a href="index1.php">小メニュー１１</a></li> <li><a href="index1.php">小メニュー１２</a></li> <li><a href="index1.php">小メニュー１３</a></li> </ul> </div> <div> <a href="#"><small>大メニュー２</small></a> <ul> <li><a href="index1.php">小メニュー２１</a></li> <li><a href="index1.php">小メニュー２２</a></li> <li><a href="index1.php">小メニュー２３</a></li> </ul> </div> </div> </body> </html>
お礼
fujillin様 ご返答ありがとうございます。 このような方法もありますね！ 勉強になりました。