javascript - 我的切换 div 在崩溃时崩溃都是因为一个活跃的

Question

我有这个简单的切换 div:

FIDDLE

$(this).next().slideToggle( "slow", function() {});

非常简单...但问题是我在页面加载时打开了第一个，如下所示:

$('.container h3:first-child').trigger('click');

但这就是我的问题，当我崩溃时我希望它打开或关闭，但它与第一​​个混淆了..显然我的第一个子触发器正在影响....即使我打开第二个并有时崩溃第三个也破了...

....如何让这两个功能协同工作？

Answer 1

通过额外的 if 语句，您应该能够实现这个技巧:

$(document).ready(function () {
    $(".container h3").click(function () {
        $(this).toggleClass('active');
        $(this).next().slideToggle("slow", function () {});
        $("#collapse").removeClass("collapsed");
    });
    $('.container h3:first-child').trigger('click');

    $("#collapse").click(function () {
        if ($(this).hasClass("collapsed")) {
            $(".container h3").addClass("active").next().slideDown("fast");
        } else {
            $(".container h3").removeClass("active").next().slideUp("fast");

        }
        $(this).toggleClass("collapsed");
    });
});

FIDDLE

编辑:用额外的 if 语句更新了答案。我相信这可以实现您想要实现的目标。如果没有，请合作。