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

谢谢