jquery - Jquery トグル アクション

Question

重複の可能性:
JQuery を使用してスタイルを切り替える

トグルと言っても、toggle() 関数のことではありません。クリック機能で項目の css を変更しました。項目をもう一度クリックして、元の css に戻したいです。

 $("#item").click(function(){
      $("#item").css("border-color", "#A8402A");
 });

Answer 1

スタイルをインラインで変更する代わりに、クラスを使用します。

CSS :

.active {
    border-color: #A8402A;
}

JavaScript :

$('#item').click(function() {
    $(this).toggleClass('active');
});

デモ: http://jsfiddle.net/zjE3x/1/

Answer 2

実際には、.toggleClass()関数を意味します

やるだけ

$("#item").click(function(){
    $(this).toggleClass("newClass");
});

.newClass追加/削除するスタイルが含まれている場所、つまり

.newClass{
    border-color: #A8402A;
}

Answer 3

あなたが望むのはtoggleClassだと思います。CSS クラスを使用してスタイルを設定し、jQuery から動的に交換できます。