Question

when first click on the button I need to add the class .valid_tick to the div #valid_div.

after any click it should toggle class
like this $('#valid_div').toggleClass('invalid_tick');

right now I’m suding like this which shows both class at a time 🙁
present code

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

Answer 1

Use .hasClass:

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