jQueryでswap cssクラス

Question

私はリンクをクリックすると下のdivに展開されます。セクションの拡大を示すために下になる「ニンジン」アイコンのように、「マイリンク」にインジケータを追加する必要があります。基本的には、私はCSSクラスにアイコンを追加し、別のイメージを持つ別のクラスにスワップする必要があると思った。私はそれを交換する代わりに、クラスを追加/削除するように思えるtoggleClassビットを見つけました。

私はクラスをどのように置き換えるのですか？

ここでは、ビジュアルインジケータを追加せずにこれを使用しています。

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

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

I

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

のようなものや、あなたのターゲットクラスの1 ..

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

で開始し、各コールを持っています両方を切り替えて、結果を与えます。