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(); 
    } 
}