チェックdiv要素は、これは私のdiv</p> <pre><code><div id="car2" style="display:none;"></div> </code></pre> <p>ですその後、私はあなたがクリックしたときのdivを表示します[表示]ボタンを持っているjqueryの

Question

を使用して隠されていますDIV #car2は、まだフォームの送信前に隠されている：

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

が今ここで問題です。 div #car2がすでに表示されていますが、私はまだ警告メッセージを受け取りました。つまり、jQueryはdiv #car2がまだ隠れていると想定しています。

私のjQueryバージョンは1.7です。

ありがとうございました。

EDIT：

碧玉が言ったように、私のコードが正しく、このdemo経由で実行することができます。

私は自分のフォームに使用しているjquery form to wizard pluginといくつかの競合があると思われます。誰でもこれを解決するための任意のアイデアがありますか？

Answer 1

あなたはCSSプロパティdisplay確認することができます：ここで

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

をデモです：代わりにvisibleプロパティ：http://jsfiddle.net/YjP4K/

Answer 2

はチェックをお試しください。

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

Answer 3

試してみてください。

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

Answer 4

あなたは、$car2代わり#car2のあなたのタイプミスに気づきましたか？

とにかく、:hiddenは期待どおりに動作しているようです。hereを試してください。

Answer 5

てみ

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

Answer 6

あなたが使用することができ、

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