ocultar - Verificar div está oculto usando jquery

ocultar div html5

Question

Este es mi div

<div id="car2" style="display:none;"></div>

Luego tengo un botón Mostrar que mostrará el div al hacer clic:

$("show").click(function() {
    $("$car2").show();
}); 

Así que ahora quiero comprobar si div #car2 aún está oculto antes de enviar el formulario:

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

Ahora aquí está el problema. Aunque el div #car2 ya se muestra, todavía recibí un mensaje de alerta, lo que significa que jQuery supone que div #car2 aún está oculto.

Mi versión jQuery es 1.7.

Gracias.

EDITAR:

Como dijo jasper, mi código es correcto y se puede ejecutar a través de esta demo .

Lo que sospecho es que hay algún conflicto con jquery form to wizard plugin que estoy usando con mi formulario. Alguien tiene alguna idea para resolver esto?

Answer 1

¿Notaste tu error tipográfico, $car2 lugar de #car2 ?

De todos modos :hidden parece que está :hidden funcionando como se esperaba, pruébalo here .

Answer 2

Intente buscar la propiedad visible en su lugar.

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

Answer 3

Puede verificar la propiedad de display CSS:

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

Aquí hay una demostración: http://jsfiddle.net/YjP4K/

Answer 4

Puedes usar,

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

Answer 5

Tratar

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

Answer 6

Tratar:

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