javascript - 在使用js设置可见性时检查div是否可见

Question

在我的html中，我有一个设置为不可见的div

 <div id ="isticContainer" style='display:none'>

然后我有一个单选按钮，当选中/单击单选按钮时，我的div出现

$('#viem').click(function() { 


$('#isticContainer').show();
 }

现在，我想检查该div是否隐藏，如果它可见，我想要显示另一个div：

 if($('#isticContainer').is(':visible')) {
    $('#bonusy7').fadeIn();
 }       

不幸的是，这不起作用。我假设，那是因为我已将其设置为隐藏在我的HTML中。我该如何解决这个问题？

谢谢

Answer 1

试试这个：

 if($('#isticContainer').css('display') != 'none' ) {
     $('#bonusy7').fadeIn();
 } 

Answer 2

如果在显示#isticContainer之后你只需要＃bonusy7来淡入淡出，那么你总是可以将它们与show（）的完整函数链接起来。

$('#isticContainer').show(function () {
   $('#bonusy7').fadeIn();
});