悬停时不显示子菜单 - jQuery

Question

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

我正在尝试让我的品牌 header 菜单、子菜单在悬停时出现。代码很长，所以代码笔。

我的目标是菜单中具有 children 的任何 'a'，然后切换 .nav-dropdown class。

也许这是错误的做法，欢迎提出建议。这肯定是一个 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);

悬停时不显示子菜单 - jQuery

Submenu not showing on hover - jQuery

jquery

submenu

nav