jquery display none
snippet in javascript

jquery display none

user3840

The correct way to do this is to use show and hide:

$('#id').hide();
$('#id').show();

An alternate way is to use the jQuery css method:

$("#id").css("display", "none");
$("#id").css("display", "block");

display none in jquery

user5227

// 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");

jquery hide

user5742

//$(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
});