jQuery是（'：visible'）是（'：hidden'）不按預期方式工作

Question

在下面的腳本中，我將元素設置爲可見或隱藏，因爲您可以看到。但是，一旦顯示.closeAdd，如果腳本進入if語句的第二部分，它將不會隱藏。我注意到，jQuery在使用show（）時將它設置爲display:block。任何想法如何設置這個權利？

if(type === 'user' && action === 'add') { 
    if($('.closeAdd').is(':hidden')) { 
     $('.closeAdd').show(); 
    } 
} else { //If it's visible and it comes to this part, it will not hide... 
    if($('.closeAdd').is(':visible')) { 
     $('.closeAdd').hide(); 
    } 
} 

Answer 1

由於顯示正在更新您可以檢查它在你的功能，因爲它如下：

if(type === 'user' && action === 'add') { 
    if($('.closeAdd').css("display") == 'none') { 
    $('.closeAdd').show(); 
    } 
} else { 
    if($('.closeAdd').css("display") == 'block') { 
    $('.closeAdd').hide(); 
    } 
}