使用jquery隐藏check div

Question

这是我的div

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

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

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

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

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

现在问题就在于此。虽然div #car2已经显示，但我仍然收到警告消息，这意味着jQuery假定div #car2仍然隐藏。

我的jQuery版本是1.7。

感谢。

修改

正如jasper所说，我的代码是正确的，可以通过此demo运行。

我怀疑与jquery form to wizard plugin有一些冲突，我正在使用我的表格。有人有任何想法解决这个问题吗？

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');       
}

Answer 4

请尝试检查：visible属性。

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

Answer 5

您是否注意到您的拼写错误$car2而不是#car2？

无论如何，:hidden似乎按预期工作，请尝试here。

Answer 6

你可以使用，

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