如何检查切换功能是否显示项目？

Question

我有这样的代码......

<div class="btn1">Button</div> 
<div class="text1">Some text</div> 
... 
$(document).ready(function(){ 
    $(".btn1").click(function(){ 
     $(".text1").toggle(); 
    }); 
}); 

<div class="block2">Some text 2</div> 

我想隐藏“.block2" 当切换功能秀” .text1" ，并显示“.block2" 当” .text1" 是隐藏的。我怎样才能做到这一点？我希望我的问题很清楚。感谢您的回答。

Answer 1

1）看到这个http://jsfiddle.net/a6kqvLj8/

只是要第二块diaplay:none，并执行相同的操作 它

$(document).ready(function() { 
 
    $(".btn1").click(function() { 
 
    $(".text1").toggle(); 
 
    $(".block2").toggle(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="btn1">Button</div> 
 
<div class="text1">Some text</div> 
 

 
<div class="block2" style='display:none;'>Some text 2</div>

2）或如果你想 两个区块可见，在第一和 启动切换上点击，你可以这样做： http://jsfiddle.net/a6kqvLj8/1/

$(document).ready(function() { 
 
    $(".btn1").click(function() { 
 
    $(".text1").toggle(); 
 
    if ($(".text1").css('display') == 'none') { 
 
     $(".block2").css('display', 'block'); 
 
    } else { 
 
     $(".block2").css('display', 'none'); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="btn1">Button</div> 
 
<div class="text1">Some text</div> 
 

 
<div class="block2">Some text 2</div>