子菜单没有显示悬停 - jQuery

Question

https://codepen.io/grantsmith/pen/YQweRb

我正在尝试获取我的品牌标题菜单，子菜单在悬停时显示。代码很长，因此代码笔。

我的目标是任何＆＃39; a＆＃39;在包含子项的菜单中，切换.nav-dropdown类。

也许这是错误的做法，对建议持开放态度。这肯定是一个jQuery问题，因为我对它很陌生。

(function($) {
$(function() {
$('nav ul li > a:not(:only-child)').click(function(e) {
  $(this).siblings('.nav-dropdown').toggle();
  $('.nav-dropdown').not($(this).siblings()).hide();
  e.stopPropagation();
});
$('html').click(function() {
  $('.nav-dropdown').hide();
});
});
document.querySelector('#nav-toggle').addEventListener('click', function() {
this.classList.toggle('active');
});
$('#nav-toggle').click(function() {
$('nav ul').toggle();
});
})(jQuery);

Answer 1

试试这个：https://codepen.io/anon/pen/KqVovo

(function($) {
  $(function() {
    $('nav>ul>li').mouseenter(function(e) {
      $(this).children('.nav-dropdown').show();
    });
    $('nav>ul>li').mouseleave(function(e) {
      $('.nav-dropdown').hide();
    });
  });
})(jQuery);