jQuery - 如何在单击时停止向上/向下滑动行为

Question

我制作了一个 jQuery Slide up/down Nav.Menu。你可以在这里看到它:

<pre>[http://jsfiddle.net/mobilat/d4L0z7fa/][1]</pre>

如果您单击第一个“MainNav1”，面板将打开/关闭。一切都很好。

但是如果您单击 MainNav1，然后单击 MainNav2 ans ..3 ..，所有面板都将打开。在打开另一个面板/弹出窗口之前，应关闭第一个面板/弹出窗口。

我不知道，我该如何解决这个问题。

感谢您的提示/帮助。 Link

Answer 1

我在切换之前重置 slidedown 类:

    if ($('#Slider' + index).hasClass("slideup")) {

        // .slideup any .slidedown divs
        $('.slidedown').removeClass("slidedown").addClass("slideup");

        $('#Slider' + index).removeClass("slideup").addClass("slidedown");
    } else {
        $('#Slider' + index).removeClass("slidedown").addClass("slideup");
    }

http://jsfiddle.net/d4L0z7fa/10/