2014-05-22 108 views
1
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 -content(流),但能夠打開和關閉它這將分別隱藏或顯示內容。這當前加載內容,但沒有我需要的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'); 
    }; 
}); 
} 

這個工程,但只有每隔一次點擊。

+0

您可能會遇到Javascsript錯誤。 這個Javascript變量(「流」)定義? 因爲它在這裏提到:$(流) –

+0

讓我們的JSFiddle「擺弄」並解決您的問題 –

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