jQueryクラスを追加して両方のクラスを切り替える

Question

ボタンを最初にクリックすると、クラス.valid_tickをdivに追加する必要があります。いつでも、それが今、私は両方のクラスを示している。このようsudingてるクラスに

$('#valid_div').toggleClass('invalid_tick');このように切り替える必要があります:( をクリックして現在のコードの後に​​

$(".validation_hide").slideToggle(); 
$('#valid_div').toggleClass('invalid_tick'); 

Answer 1

使用.hasClass：

$('#valid_div').click(function() { 
    $div = $(this); 
    if ($div.hasClass('valid_tick')) { 
     $div.toggleClass('invalid_tick'); 
    } else { 
     $div.addClass('valid_tick'); 
    }; 
}); 

Answer 2

私はこれを行う方が簡単だと思います：

012最初から#valid_divオブジェクトへの

セット 'invalid_tick' クラス：

<div id='valid_div' class='invalid_tick'> .... </div> 

jsのあなたはスタートから 'invalid_tick' を持つことができない場合は、私は行くだろう

$('#valid_div').click(function() { 
    $div = $(this); 
    $div.toggleClass('valid_tick'); 
    $div.toggleClass('invalid_tick'); 
}); 

：

$('#valid_div').click(function() { 
    $div = $(this); 
    if (!$div.hasClass('valid_tick')) { 
     $div.addClass('valid_tick'); 
    } 
    else { 
     $div.toggleClass('valid_tick'); 
     $div.toggleClass('invalid_tick'); 
    } 
});