自举开关开关

时间:2014-05-22 07:22:09

标签: javascript jquery html css twitter-bootstrap

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');
};
}

我有一个button,它会加载一个包含事件流的div,我希望它在页面加载时加载div - 内容(流)但是能够转换它打开和关闭将分别隐藏或显示内容。这当前加载了内容,但没有我需要的hideshow功能。 (隐藏功能不起作用。)我错过了什么?

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');
    };
});
}

这只适用于每次点击一次。

1 个答案:

答案 0 :(得分: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');
};
}