Jquery div 点击 show/hide 另一个 div

Question

我想在单击另一个 div 后显示 div，并在单击同一个 div.how 时隐藏显示 div 我可以实现吗？

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

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

Answer 2

像这样的？ http://jsfiddle.net/18pzdbz5/1/

我使用了 toggleClass() 并且基于 div 是否有 class 我 show/hide 它

$(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);
        }
    });
});

Jquery div 点击 show/hide 另一个 div

Jquery div click show/hide anothe div

jquery

click

show-hide