お世話になっております。
タイトル通りです。開閉時にメニューが複数表示されるアコーディオンメニューを作成しているのですが、
思うように動作しません。
以下、コードです。
html
1<div id="js-modal" class="modal-section"> 2 <input class="search" type="text" placeholder="検索"> 3 <nav id="js-slider" class="modal_list"> 4 <ul> 5 <li><a href="#">コーポレットメッセージ</a></li> 6 <ul> 7 <li class="modal_list_slider"><a href="#">テキスト</a></li> 8 </ul> 9 <li><a href="#">企業情報</a></li> 10 <ul> 11 <li class="modal_list_slider"><a href="#">テキスト</a></li> 12 <li class="modal_list_slider"><a href="#">テキスト</a></li> 13 <li class="modal_list_slider"><a href="#">テキスト</a></li> 14 </ul> 15 <li><a href="#">事業紹介</a></li> 16 <ul> 17 <li class="modal_list_slider"><a href="#">テキスト</a></li> 18 <li class="modal_list_slider"><a href="#">テキスト</a></li> 19 <li class="modal_list_slider"><a href="#">テキスト</a></li> 20 </ul> 21 <li><a href="#">ニュース</a></li> 22 <ul> 23 <li class="modal_list_slider"><a href="#">テキスト</a></li> 24 <li class="modal_list_slider"><a href="#">テキスト</a></li> 25 <li class="modal_list_slider"><a href="#">テキスト</a></li> 26 <li class="modal_list_slider"><a href="#">テキスト</a></li> 27 </ul> 28 <li><a href="#">サステナビリティ</a></li> 29 <ul> 30 <li class="modal_list_slider"><a href="#">テキスト</a></li> 31 <li class="modal_list_slider"><a href="#">テキスト</a></li> 32 <li class="modal_list_slider"><a href="#">テキスト</a></li> 33 </ul> 34 <li><a href="#">投資家情報</a></li> 35 <ul> 36 <li class="modal_list_slider"><a href="#">テキスト</a></li> 37 <li class="modal_list_slider"><a href="#">テキスト</a></li> 38 </ul> 39 <li><a href="#">採用情報</a></li> 40 <ul> 41 <li class="modal_list_slider"><a href="#">テキスト</a></li> 42 <li class="modal_list_slider"><a href="#">テキスト</a></li> 43 </ul> 44 </ul> 45 </nav> 46 <!-- <li class="modal_lang"> 47 <li>日本語</li> 48 <li>英語</li> 49 </li> --> 50 </div>
js
1 $('#js_slider li').on('click',function(){ 2 $(this).next('ul').slideToggle(); 3 });
理想の動き
例)"企業情報"の個所で3つリストが開閉される。
実際の動き:
"コーポレートメッセージ"、"企業情報"などの個所を押しても全く反応がない。
以下のサイトを参考にしてコードを書きました。
https://lmn-blog.com/jquery_accordion01/#JS
(4のデモのページ)
$('#js_slider li')のidのところをクラス名に変更することも試みましたが、
無駄でした。
開閉時のリストが複数でなく、一つだけのものとかでしたら簡単に作成することができるのですが、
どなたかアドバイスをお教えいただけますでしょうか。
まだまだどがつく素人なので温かい目で見ていただけると幸いです。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/21 08:51
2020/01/21 08:56
2020/01/21 09:23
2020/01/22 09:16