Brad Frost の This Is Responsive のレスポンシブ ドロップダウン パターンを使用しています。同じページのアンカーへのリンクがいくつかあるため、マウスアウトだけでなく、クリック時にドロップダウンを強制的に閉じる方法を探しています。 .
パターンはこちら: http://codepen.io/bradfrost/full/qwJvF
それを機能させるコードは次のとおりです。
<script>
$(document).ready(function() {
$('body').addClass('js');
var $menu = $('#menu'),
$menulink = $('.menu-link'),
$menuTrigger = $('.has-subnav > a');
$menulink.click(function(e) {
e.preventDefault();
$menulink.toggleClass('active');
$menu.toggleClass('active');
});
$menuTrigger.click(function(e) {
e.preventDefault();
var $this = $(this);
$this.toggleClass('active').next('ul').toggleClass('active');
});
});
</script>
私がする必要があるのは、.active クラス、onclick を削除することです。いくつかの方法を試しましたが、どれも正しい方法ではありませんでした。
どうもありがとう、
-m