JQuery-滑动同时切换多个div？

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

我正在使用SlideToggle和click函数来隐藏/显示一个容器div。但是它里面的div并没有随之滑动，它只是出现了

有什么办法可以让两个部门一起工作吗

JQUERY：

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

$（文档）.ready（函数（）{
$（“#存储_容器”）.hide（）；
$（“#切换”）。单击（函数（）{
$（'store_container'）。滑动切换（“慢速”）；
返回false；
});
});

HTML:

这是一个测试

试试这个：

<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>  

$（函数（）{
$（“#存储_容器”）.hide（）；
$（'#toggle'）。toggle（函数（）{
$（'store_container'）.slideDown（“slow”，function（）{$（'store_data'）.fadeIn（）；}）；
}，函数（）{
$（'store_data'）.fadeOut（“fast”，function（）{$（'store_container'）.slideUp（“slow”）}；
});
});
这是一个测试

这不起作用，一旦“存储”容器滑出，存储数据基本上就消失了。非常奇怪。这实际上阻止了“存储”数据的消失$（function（）{$（'#store_container，#store_data'）。hide（）；$（'#toggle'）。单击（function（）{$（'#store_container，#store_data'）。滑动切换（“slideToggle”）；返回false；}）；但它仍然没有让两个div一起滑下，只有一个..@iametratio-更新，尽管您的原始示例在FireFox中适用于我…请尝试我当前的答案。@iametratio-您使用哪种浏览器？我在这里看到了这两个幻灯片，都是您的原始代码……需要看看您的效果。@nick这一操作没有错误，但奇怪的是，一旦我单击“切换”按钮，“存储”数据立即出现，然后“存储”容器滑下。。这看起来很糟糕。这对我很有用（在webkit中）。您使用的是哪种浏览器？这就是你使用的密码吗？它有一些css吗？

<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>