トグルクラスと可視性、表示

Question

表示ブロックを切り替える場合は、noneにします。

は、どのように私はこの

$('.exp').on('click', function() { 
"use strict"; 
$(this).toggleClass("plus_sign minus_sign");  
$(this).toggleClass("plus01 minus01"); 
}); 

plus_signとマイナス記号クラスは、それぞれプラスとマイナスを示すために、イメージを持っているんです。クラスが切り替わるときに、クラスがminus_signの場合、マイナス画像を表示します。クラスがplus_signの場合は、プラス画像を表示し、マイナス画像を非表示にします。画像はCSSの背景画像です。

ありがとうございました

Answer 1

あなたはそれを難し​​くしています。

最初に、すべての.exp要素にプラス記号（デフォルトがプラスを表示する場合）を使用するように設定します。次に、マイナスが表示されるようにクラスを切り替えるクラスを切り替えます。その後、

.exp { 
    background:url(/path/to/plus.gif); 
} 
.hide_plus { 
    background:url(/path/to/minus.gif); 
} 

ところで、あなたはこれらのアイコンのためのスプライトを使用して、より良いオフにしていると：ここではそこにあなたを取得する必要がありますいくつかの簡単なコードは、だ...

$('.exp').on('click', function() { 
    $(this).toggleClass('hide_plus'); 
}); 

あなたのCSSは次のようなものになります背景画像の位置をずらす。または、fontawesomeのようなものを使用してください。

画像がない+/-トグルを持つ大まかなフィドルです。画像を追加することはあまり難しくありません。

https://jsfiddle.net/tycahill/1pwbuvga/

Answer 2

あなたは私のPlunkerを参照することができ、その非常に単純な参照http://plnkr.co/edit/fZ9AQCrO7RAK8wshQsQX?p=info