2017-02-14 4 views
0

を示しています。今、私は要素が可視であるかどうか(私は上の要素を非表示にしたいと考えてチェック条件を書きたいはjqueryの非表示の状態をチェックし、私は簡単な関数持っ

expandContact =() => { 
    $('#' + this.props.id).find('.ekipa-li-expand').show(); 
    } 

をそれは示されています場合はクリックして、それがhidednだ場合は、それを示しています。

ファー私はDOM要素にstyle="display: block;"が追加されます。しかし、どのように私はJavaScriptを使用した状態でこれをチェックしない.show()機能を言うことができるように?

+0

.show()の代わりに.toggle()を使うことができます。 –

+0

コメントの中で述べたように、 'toggle'を使って状態を切り替えることができます。しかし、要素が可視かどうかを知りたければ 'is(":visible ")' – nbokmans

答えて

4

にあなたは任意の条件を書く必要はありません。 OUはちょうどtoggle()を使用することができます。参考のため

expandContact =() => { 
    $('#' + this.props.id).find('.ekipa-li-expand').toggle(); 
} 

、もし、何らかの理由で、あなたが:visibleセレクターでis()メソッドを使用することができる要素の可視状態を知っておく必要がありました:

if ($('#' + this.props.id).find('.ekipa-li-expand').is(':visible')) { 
    // do something... 
} 
関連する問題