アコーディオンメニューを1つ開いたら他が閉じることを試行中なのですが。。
お世話になります。
html <ul class="accordion"> <li> <p><a href="#">リスト1</a></p> </li> <li> <p>リスト2</p> <ul> <li><a href="#">サブリスト1</a></li> <li><a href="#">サブリスト2</a></li> <li><a href="#">サブリスト3</a></li> <li><a href="#">サブリスト4</a></li> </ul> </li> <li> <p>リスト3</p> <ul> <li><a href="#">サブリスト1</a></li> <li><a href="#">サブリスト2</a></li> <li><a href="#">サブリスト3</a></li> <li><a href="#">サブリスト4</a></li> </ul> </li> <li> <p><a href="#">リスト4</a></p> </li> </ul>
jQuery $(function(){ $(".accordion p").click(function(){ $(this).next("ul").slideToggle(500); $(this).toggleClass("open"); }); });
このように記述してるのですが、リスト2を開いた状態でリスト3を押すとリスト2が閉じる。という動作を行うためにはどうすればよいでしょうか・・・?
どなたかよろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/11 09:03
2018/03/11 09:14
2018/03/11 09:43