與jQuery交換css類

Question

我有一個鏈接，點擊時展開爲下面的div。我需要爲「我的鏈接」添加某種指示器，比如「胡蘿蔔」圖標，該圖標將會變成表示該部分的擴展。基本上我以爲我需要在css類中添加圖標，然後將該類與另一個具有不同圖像的類交換。我發現toggleClass位似乎是增加/刪除類而不是交換它。

那麼我會如何替換類？

這是我現在沒有添加視覺指標。

$("#mLink").click(function() { 
    $("#showHideDiv").slideToggle("fast"); 
}); 

<span id="mLink">My Link</span> 
<div id="showHideDiv"> 
    hidden content 
</div> 

我

Answer 1

你應該調用.toggle()^help。像

$('#myLink').toggle(function() { 
    $("#showHideDiv").slideDown("fast").toggleClass('open'); 
}, function() { 
    $("#showHideDiv").slideUp("fast").toggleClass('open'); 
}); 

Answer 2

只是串2個切換一起類似

$('#myDiv').toggleClass('a').toggleClass('b');

，有你的目標下手的一個類..

<div id="myDiv" class="b"> bla bla </div>

，然後每次通話將切換兩個給你想要的結果。