Jquery div单击显示/隐藏另一个div

Question

我想在点击另一个div后显示一个div，并在点击相同的div时隐藏显示div。我可以实现这个吗？

小提琴：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);
      });