Jquery 当向下滑动元素时，其余的活动元素将向上滑动

大部分工作正常，但我无法关闭当前的。 请看这里：

---

我添加了一个布尔值来检查当前单击的元素是否已激活该类，这意味着该类只应关闭：

$(document).ready(function() {
    $("ul li a.show_child").click(function() {

        var $this = $(this),
            closeOnly = $this.hasClass('active');

        $("ul li a.show_child.active").removeClass("active");
        $("ul li a.show_child").next().slideUp(300);

        if (!closeOnly) {
            $this.toggleClass("active");
            $this.next().slideToggle(300);
        }
    });
});

试试这个

$(document).ready(function () {
    $("ul li a.show_child").click(function(){
        $("ul li a.show_child.active").removeClass("active");
        $("ul li a.show_child").next().slideUp(300);
        $(this).toggleClass("active");
        $(this).next().stop().slideToggle(300);
    });
});

$(document).ready(function () {
    $("ul li a.show_child").click(function(){
        $("ul li a.show_child.active").removeClass("active");
        $("ul li a.show_child").next().slideUp(300);
        $(this).toggleClass("active");
        $(this).next().stop().slideToggle(300);
    });
});