jQuery добавить класс, затем переключить оба класса

Question

при первом нажатии на кнопку Мне нужно добавить класс .valid_tick в div #valid_div.

после любого нажмите он должен переключить класс как этот $('#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

Я думаю, что было бы проще сделать это:

Set 'invalid_tick' класса к объекту #valid_div с самого начала:

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

JS

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

Если вы не можете иметь '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'); 
    } 
});