バーガーメニューを閉じたいのですが、方法がわかりません。
単純にメニューの中に「閉じる」項目を作り、それを押したら閉じる仕組みです。
リンク先を'#'にしたのですが、メニューは閉じませんでした。
ご教示お願い致します。
html
1<div class="sp sp_navi"> 2 <img id="sp_navi_btn" class="u-max-full-width" src="img/sp_navi.png" alt="sp_navi" srcset="img/sp_navi@2x.png 2x" /> 3 4 <ul class="sp_navi_li"> 5 <li><a href="index.html">TOPページ</a></li> 6 <li><a href="sp_lesson.html">内容</a></li> 7 <li><a href="faq.html">内容</a></li> 8<li><a href="sp_voice.html">内容</a></li> 9 <li><a href="company.html">内容</a></li> 10 <li><a href="contact.html">内容</a></li> 11 <li><a href="#">閉じる</a></li> 12 </ul> 13</div>
jquery
1<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 2<script> 3 $('.container').click(function(){ 4$('.sp_navi').removeClass('sp_navi_li'); 5}); 6 7 $(function(){ 8 $(document).ready(function(){ 9 10 $("#sp_navi_btn").click(function () { 11 $(this).next().slideToggle(); 12 }); 13 14 }); 15 }); 16</script>
回答1件
あなたの回答
tips
プレビュー