Question

What is the best way to select a div that is not hidden in a group of hidden div’s?

For example:

<div id="1" class"group" style="display:none">1</div>
<div id="2" class"group" style="display:none">2</div>
<div id="3" class"group" style="display:block">3</div>
<div id="4" class"group" style="display:none">4</div>

How would i select the div that is display:block?

note. This cant be done by ID, as the div are interchangeably hidden and unhidden based on buttons.

Thanks

Answer 1

$('div.group').css('display') == 'block'  

or

$('div.group').is(':visible')