悬停后保持子菜单打开

Question

网站为Mariodidit.com

当鼠标悬停在“投资组合”上时，会出现一个子菜单。 但是，如果您将鼠标直接移动到中心项目上，则菜单会消失，导致导航令人沮丧。我想在使用“投资组合”

之后使用一些javascript来保持打开状态

$('.main-navigation li ul li a').hide();
$('.main-navigation').live('hover', function(e) {
  $(this).addClass('activeitem');
  $('.main-navigation li ul li a').show();
});

我尝试了几个不同的代码片段，并没有取得任何进展。 还使用“页眉和页脚脚本”插件将此脚本应用到我的wordpress网站。

Answer 1

您可能希望在点击时使用而不是悬停。

(function($) {
    $('.main-navigation li a').on('click', function(e) {
        e.preventDefault();
        $(this).parent().toggleClass('active');
    });
})(jQuery);

然后在CSS中为该类添加样式。

.main-navigation .active ul {
    display: block;
}

.main-navigation ul ul { 
    display: none;
}