javascript - 更改显示:none with jquery with if-else

Question

我有两个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()
}

但这两种方法都不起作用，意味着#case div始终处于显示状态:none。 有谁知道怎么解决吗？

谢谢

Answer 1

我会使用:visible检查元素是否显示并使用 show()和 hide()方法。

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

或

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