jQueryの条件付きCSSプロパティの追加と削除

Question

現在、CSS境界プロパティがあります（border-left：1px）。onClickでは、以下の最初のjQuery関数を使用して削除しました。 2番目の機能が2番目のクリック時にプロパティを追加するように、これを設定するにはどうすればよいですか？クリックごとに前後に切り替える必要があります。 jQueryのをtoggleClass

ので

.button { border-left: 1px; } 
.buttonClicked { border-left: none; } 

そして使用：www.jsfiddle.net/tonynggg/frnYf/12

Answer 1

が、CSSクラスを定義するために容易になるだろう：

$(function(){ 
    $('#button').click(function() {  
     $('#button-2').css('border-left','none'); 
    }); 
    $('#button').click(function() { 
     $('#button-2').css('border-left','1px'); 
    }); 
}); 

は、私は今、元のコードが含まれていますあなたのコードは次のようになります：

$(function(){ 
    $('#button').click(function() {  
     $('#button-2').toggleClass('buttonClicked'); 
    }); 
}); 

これで、クリックしたときに代替CSSクラスがオフに切り替わります。それ以外の場合は、正しい方向を指すようにしてください。

Answer 2

まず、境界線を持つクラスを作成します。その後、

.borderclass 
{ 
    border-left:1px black solid; 
} 

そして、

$(function(){ 
$('#button').click(function() {  
    if ($('#button-2').hasClass('borderclass')) 
     $('#button-2').removeClass('borderclass'); 
    else 
     $('#button-2').addClass('borderclass'); 
    }); 

});