check display block or none in jquery code example

Example 1: jquery display none

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

Example 2: check if element is visible

.is(':visible')
//Selects all elements that are visible.

if($('#Div').is(':visible')){
	// add whatever code you want to run here.
}

$('#yourDiv:visible').callYourFunction();

Example 3: display none in jquery

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

Example 4: jquery how to know if element is visible

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden");