javascript - WordPress 中的 Jquery 折叠菜单(轻微故障)

Question

所以我正在使用 WordPress 制作一个网站:http://www.baxtersresume.com/wordpress-3.9.1/wordpress/about/

我正在使用 jquery 菜单来获得正确的效果，我想我已经差不多了，但我需要一些帮助。如果您查看该网站，您会注意到，当您将鼠标悬停在打开底部子菜单时，然后使用指针从底部重新进入菜单，它将关闭。这就是我试图避免的。这是到目前为止的脚本:

jQuery(document).ready(function(){
jQuery(".page_item ul, .sub-menu").hide();
var current; 
var currentsub;

jQuery(".page_item ul, .sub-menu").prev().mouseenter( function() {
current = jQuery(this);
currentsub = jQuery(this).next(); 

currentsub.slideDown();
});

/*jQuery(".header__content").mouseleave( function() {
jQuery(".page_item ul, .sub-menu").slideUp();
});*/

jQuery(".menu-item-object-page, .menu-item-has-children").mouseenter( function() {
if (current != jQuery(this) && currentsub != jQuery(this)) {
currentsub.slideUp();

};

});
});

我在这里能做什么？

编辑*(已解决!JSfiddle 与 html) http://jsfiddle.net/tu965j0d/1/

Answer 1

也许下面类似的内容将是您的起点。是否简单地使用选择器来确定要向上滑动/向下滑动的元素，并排除 mouseEnter 事件目标的子元素？

$(function () {
    $('.sub-menu').hide().parent().mouseenter(function(){
        $('.sub-menu').not($(this).find('.sub-menu')).stop(true, true).slideUp();
        $(this).find('.sub-menu').slideDown();
    });
});

fiddle :http://jsfiddle.net/tu965j0d/

编辑:还有一些 Accordion 菜单库和教程，可能有用吗？例如，this little tutorial使用一些漂亮的 CSS3 过渡。