javascript - 自举开启和关闭拨动开关

Question

stream = $('#dash-stream');


streamCheck();
$(stream).click(function() {
    streamCheck();
});



function streamCheck() {
if ($(stream).hasClass('active-dash')) {
    $(stream).addClass('active-dash');
    $(".stream-section-hold").show();
    //loadPostsJson("load-stream", "#stream-holder", 1);
    loadStreamJson("true","true");

} else if (!$(stream).hasClass('active-dash')) {
    $(".stream-section-hold").hide();
    $(stream).removeClass('active-dash');
};
}

我有一个按钮，它将加载一个包含事件流的div，我希望它加载div-content(流)在页面加载时，但能够将其打开和关闭，这将分别隐藏或显示内容。这当前加载内容但没有我需要的 hide 和 show 功能。 (隐藏功能不起作用。)我错过了什么？

dash-stream 是按钮。

stream = $('#dash-stream');


streamCheck();
$(stream).click(function() {
    streamCheck();
});


function streamCheck() {

$(".stream-section-hold").show();

$('#dash-stream').click(function() {
    if (!$(stream).hasClass('active-dash')) {
        $(stream).addClass('active-dash');
        $(".stream-section-hold").show();
        //loadPostsJson("load-stream", "#stream-holder", 1);
        loadStreamJson("true", "true");

    } else if ($(stream).hasClass('active-dash')) {
        $(".stream-section-hold").hide();
        $(stream).removeClass('active-dash');
    };
});
}

这有效，但仅在每两次点击时有效。

Answer 1

已修复。

loadStreamJson("true","true");

streamCheck();

$(stream).hasClass('active-dash');
$(stream).addClass('active-dash');
$(".stream-section-hold").show();

$(stream).click(function() {
    streamCheck();
});

function streamCheck() {

if (!$(stream).hasClass('active-dash')) {
    $(stream).addClass('active-dash');
    $(".stream-section-hold").show();
    //loadPostsJson("load-stream", "#stream-holder", 1);
    loadStreamJson("true","true");

} else if ($(stream).hasClass('active-dash')) {
    $(".stream-section-hold").hide();
    $(stream).removeClass('active-dash');
};
}