檢查jQuery的隱藏的狀態，並顯示

Question

我有一個簡單的函數：

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

現在我想編寫一個檢查，如果該元素是可見或不可見的條件（我想隱藏的元素單擊如果它的顯示，並顯示它，如果它hidedn。

據我可以告訴.show()功能，只是增加style="display: block;" DOM元素。但我怎麼用javascript中的條件檢查這個？

Answer 1

你不需要寫任何條件，y OU可以只使用toggle()：

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

僅供參考，如果出於某種原因，你也需要知道一個元素的可見狀態，你可以使用is()方法與:visible選擇：

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