Kiểm tra div được ẩn sử dụng jquery

Question

này được div tôi

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

Sau đó, tôi có một nút Hiển thị đó sẽ hiển thị div khi bạn bấm:

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

Vì vậy, ngay bây giờ tôi muốn kiểm tra xem div #car2 vẫn bị ẩn trước khi gửi biểu mẫu:

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

Bây giờ, đây là vấn đề. Mặc dù div #car2 đã hiển thị, tôi vẫn nhận được thông báo cảnh báo có nghĩa là jQuery giả định div #car2 vẫn bị ẩn.

Phiên bản jQuery của tôi là 1.7.

Cảm ơn.

EDIT:

Như jasper nói, mã của tôi là chính xác và có thể chạy qua demo này.

Điều tôi nghi ngờ có xung đột với jquery form to wizard plugin mà tôi đang sử dụng với biểu mẫu của mình. Bất cứ ai có bất cứ ý tưởng để giải quyết điều này?

Answer 1

Bạn có thể kiểm tra các thuộc tính CSS display:

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

Đây là một bản demo: http://jsfiddle.net/YjP4K/

Answer 2

Hãy thử kiểm tra cho: tài sản hữu hình để thay thế.

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

Answer 3

Hãy thử:

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

Answer 4

Bạn có để ý typo của bạn, thay vì $car2#car2?

Dù sao, :hidden dường như hoạt động như mong đợi, hãy thử nó here.

Answer 5

Hãy thử

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

Answer 6

Bạn có thể sử dụng,

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