・「閉じる X」をクリック後、メニューボタンが元に戻らない。
HTML
<nav id="grobal-nav" role="navigation"> <div class="menu_btn"></div> <ul class="navi open"> <li><a href="#" title="menu1">menu1</a></li> <li><a href="#" title="menu2">menu2</a></li> <li><a href="#" title="menu3">menu3</a></li> </ul> </nav><!-- # Navigation -->
javascript
<li class="close">閉じる <i class="fa fa-times" aria-hidden="true"></i></li> をクリックしたらメニューは閉じますが、アイコンが元に戻りません。// アイコンメニュー作成 $(document).ready(function() { $(".menu_btn").on("click", function() { $(this).next().slideToggle(); $(this).toggleClass("active"); }); }); // トグルメニュー $(document).ready(function() { $('.open').each(function(){ $(this).css("height",$(this).height()+"px"); }); $('.open').hide(); $('.open').append('<li class="close">閉じる <i class="fa fa-times" aria-hidden="true"></i></li>'); $('.btn').click(function () { $(this).next('.open').slideToggle('slow').siblings('.open').slideUp('slow'); $(this).siblings('.btn').removeClass('active'); $(this).toggleClass('active'); }); $('.close').click(function () { $(this).parent().slideToggle(); $(this).parent().siblings('.btn').removeClass('active'); }); });
どなたかご教授お願いします。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/04 05:56