jquery - Jquery 切换向上/向下滑动

Question

我有这个代码：

$('.nav li.mega').on('click', function(e) {
    e.preventDefault();
    var currentnav=$(this).closest('div').find('.subnav-container');
    if(!currentnav.is(':visible')){
        currentnav.slideDown();
        var $this = $(this);
        $this.toggleClass('is-active').children('ul').toggleClass('is-visible');
    } else {
        currentnav.slideUp();
        var $this = $(this);
        $this.toggleClass('is-active').children('ul').toggleClass('is-visible');
    }
});

此代码应上下滑动子导航。如果子导航向下滑动，并且我单击另一个带有子导航的主导航点，则向下滑动的 div 应该保留，旧的子导航应该淡出，新的导航点会出现。

但我无法弄清楚。

这是我的例子：http: //jsfiddle.net/rzf7w69u/50

谢谢

标签： jquery