Jquery div click show/hide anothe div

Question

Я хочу показать div после того, как я нажму еще один div, и скрыть, что показал div, когда щелкнул тот же div.how, я могу это достичь?

Fiddle: 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); 
     });