如何檢查切換功能是否顯示項目？

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>