使用jquery隐藏check div

Question

这是我的div

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

然后我有一个Show按钮,当你点击时会显示div:

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

所以现在我想#car2在表单提交之前检查div 是否仍然隐藏:

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

现在这是问题所在.虽然div #car2已经显示,但我仍然收到警告消息,这意味着jQuery假设div #car2仍然是隐藏的.

我的jQuery版本是1.7.

谢谢.

编辑:

正如jasper所说,我的代码是正确的,可以通过这个演示运行.

我怀疑与我的表单使用的jquery表单与向导插件存在一些冲突.有人有任何想法解决这个问题吗？

Answer 1

你可以查看CSS display属性:

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

这是一个演示:http://jsfiddle.net/YjP4K/

Answer 2

尝试:

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

Answer 3

尝试

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