JQuery: if div is visible [duplicate] JQuery: if div is visible [duplicate] javascript javascript

JQuery: if div is visible [duplicate]


You can use .is(':visible')

Selects all elements that are visible.

For example:

if($('#selectDiv').is(':visible')){

Also, you can get the div which is visible by:

$('div:visible').callYourFunction();

Live example:

console.log($('#selectDiv').is(':visible'));console.log($('#visibleDiv').is(':visible'));
#selectDiv {  display: none;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><div id="selectDiv"></div><div id="visibleDiv"></div>