jquery div點擊顯示/隱藏其他div

Question

我想單擊另一個div後顯示div，並隱藏顯示div時單擊相同div.h我可以實現這一目標嗎？

小提琴：http://jsfiddle.net/18pzdbz5/

HTML

---

<div class="fixed_rht_panel"> 
     <span class="fn_btn">Click</span> 
     <div class="cnt_sec"> 
      <div class="txt_hd_f">Option indeterminate disabled</div> 
      <span class="pic_cont_f"><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcSSdd4yHVdgx335P3gR3Mg9Jm9q-wSzhmqwhsTvjCQekGeQYRnxDw" alt=""/></span> 
      <p>Reprimique eu, vix tota salutandi cotidieque id. In case nominati mpor aliquip te sea, amet sumo virtute eu sea. </p> 
      <span class="sentc">Mauris sit amet sodales ipsum. Susp turpis diam, ru</span> 
     </div> 
    </div> 

jQuery的

---

$(".fn_btn").click(function(){ 
      $(".cnt_sec").animate({'margin-right': '0'},500); 
     }); 

Answer 1

索姆像這樣？ http://jsfiddle.net/18pzdbz5/1/

我用toggleClass()並根據若div有我顯示/類隱藏

$(document).ready(function() { 
    $(".fn_btn").click(function(){ 
     $('.cnt_sec').toggleClass('showDiv'); 
     if ($('.cnt_sec').hasClass('showDiv')) { 
      $(".cnt_sec").animate({'margin-right': '0'},500); 
     } 
     else { 
      $(".cnt_sec").animate({'margin-right': '-450'},500); 
     } 
    }); 
}); 

Answer 2

$(".cnt_sec").click(function(){ 
      $(this).animate({'margin-right': '-450px'},500); 
     });