将display更改为none，将jquery更改为if-else

change display:none with jquery with if-else

本文关键字：if-else jquery none display      更新时间：2023-09-26

我有两个div：div"#Stage"是display="block"和不时的"display:none"。根据这一点，我将显示我的第二个div"#case"，默认值为display="none"。

所以我尝试了两种方法：

if ($('#Stage').css('display') == 'none') {
    $('#case').css('display','block')
} // added display:none; to my css file at #case
if ($('#Stage').css('display') == 'none'){
    $('#case').show()
} else if ($('#Stage').css('display') != 'none'){
    $('#case').hide()
}

但这两种方法都不起作用，这意味着#casediv始终显示：none。有人知道怎么解决吗？

THanks

我会使用:visible来检查元素是否显示，并使用show（）和hide（）方法。

if ($('#Stage').is(':visible'))    
    $('#case').show();    
else
    $('#case').hide();

或

if ($('#Stage:visible').length)    
    $('#case').show();    
else
    $('#case').hide();

这可能是因为您在CSS文件中使用了display:none，并且它具有优先权。尝试在#case上以内联方式执行此操作，看看是否有效。

感谢您的帮助。我的两个解决方案和阿迪尔的第一个解决方案正在发挥作用。这是与AdobeEdge-edgeActions.js.

的排序冲突
相关文章：