jquery display none
// The correct way to do this is to use show and hide:
<div id="check">
<h3> Hello we check hide / show by jquery </h3>
</div>
//Syntex
$('#yourid').hide();
$('#yourid').show();
// Example
$('#check').hide();
$('#check').show();
// Alternate way is to use the jQuery by css method:
//Syntex
$("#yourid").css("display", "none");
$("#yourid").css("display", "block");
//Example
$("#clear").css("display", "none");
$("#clear").css("display", "block");
//$(selector).hide(speed,easing,callback)
$('#yourElement').hide(); //this works just fine
$('#yourElement').hide(1000); //hides in 1 second
$('#yourElement').hide(1000, 'swing'); //valid values are swing or linear
$('#yourElement').hide(1000, 'linear', yourFunctionHere()); //same as above but with a callback to a custom function
$('#yourElement').hide(1000, 'linear', function() {
//you can even do this to just write a one-time function inline if necessary
});