點擊交換班級

Question

我一直在試圖弄清楚當我點擊它時應該如何改變一個元素的類。

此刻我有兩個類（cOpen和cClosed）。當你打開頁面div被設置爲'cClosed'。

<div id="camera" class="cClosed" onClick="cameraToggle('weekLoaderWrapper', 'cameraContainer');">Kamera</div></a> 

內的onClick的東西是不相關的BTW我的問題..

我也把這個腳本代碼

$('#camera').click(function() { 
    $(this).toggleClass('cOpen'); 
    $(this).toggleClass('cClosed'); 
}); 

我希望它做的是當你按「相機」-div類只需簡單地交換cClosed而不是cOpen，反之則再次單擊。這不是atm工作。

我的問題是我應該如何「切換」div，因此它交換了「相機」-div類。

Answer 1

爲什麼你使用兩個類？使用一個類來標識open和none來表示關閉。

$('#camera').click(function() { 
    $(this).toggleClass('cOpen'); 
}); 

Answer 2

很簡單：

$('div').click(
    function(){ 
     $(this).toggleClass('cClosed cOpen'); 
    });​​​​​​​​​​​​​​ 

JS Fiddle demo。

雖然我第二Starx's suggestion在這個;但它是你的HTML。

參考：

• toggleClass()。