Check div is hidden using jquery

Question

This is my div

Then I have a Show button that will show the div when you click:

Answer 1

Try checking for the :visible property instead.

if($('#car2').not(':visible'))
{
    alert('car 2 is hidden');       
}

Answer 2

You can use,

if (!$("#car-2").is(':visible'))
{
      alert('car 2 is hidden');
}

Answer 3

Try

if($('#car2').is(':hidden'))
{  
    alert('car 2 is hidden');       
}

Answer 4

You can check the CSS display property:

if ($('#car').css('display') == 'none') {
    alert('Car 2 is hidden');
}

Here is a demo: http://jsfiddle.net/YjP4K/

Answer 5

Did you notice your typo, $car2 instead of #car2 ?

Anyway, :hidden seems to be working as expected, try it here.

Answer 6

Try:

if(!$('#car2').is(':visible'))
{  
    alert('car 2 is hidden');       
}