jQuery addClass example

Change class name on click in jQuery

by csornmo

HTML

<button>Click</button>

<button>Click</button>


<div class="fail">
    Fail

</div>
<div id="some_div">

</div>

CSS

.fail {
    display: none;
}

JavaScript

var clickTimeout;

// handle click and add class
$('button').on("click", function(){
	
	clearTimeout(clickTimeout);
    
	$('.fail').show();
    
    clickTimeout = setTimeout(function(){
    	$('.fail').hide();
        
    }, 3000);
});