jquery - JQuery - 同时 SlideToggle 多个 DIV？

Question

我是 JQuery 的新手，我有一点强迫症问题。

我正在使用具有单击功能的 SlideToggle 来隐藏/显示容器 div。然而它里面的 div 并没有随着它滑动，它只是出现了。

有没有办法让两个 DIV 一起滑入？

查询：

<script type="text/javascript">
$(document).ready(function(){
$("#store_container").hide();
  $('#toggle').click(function(){
     $('#store_container').slideToggle("slow"); 
     return false;
  });
});
</script>

HTML：

<div id="store_container" style="display:none;">
    <div id="store_data">
        <p>THIS IS A TEST</p>
        </div>
</div>

Answer 1

试试这个：

<script type="text/javascript">
$(function(){
  $("#store_container").hide();
  $('#toggle').toggle(function(){
     $('#store_container').slideDown("slow", function() { $('#store_data').fadeIn(); });
   }, function() {
     $('#store_data').fadeOut("fast", function() { $('#store_container').slideUp("slow"); });
  });
});
</script>
  <div id="store_container" style="display:none; height: 300px;">
      <div id="store_data" style="display:none;">
        <p>THIS IS A TEST</p>
       </div>
  </div>