JQuery - SlideToggle在同一時間多個DIV？

我是JQuery新手，我有一點OCD問題。JQuery - SlideToggle在同一時間多個DIV？

我正在使用SlideToggle單擊功能來隱藏/顯示一個容器div。然而它裏面的div不會隨着它滑動，它就會出現。

有沒有一種方法可以讓兩個DIV一起滑入？

JQUERY：

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

來源

2010-02-03 iamtheratio

這對我的作品（WebKit中）。你正在使用哪種瀏覽器？這是你使用的確切代碼嗎？有一些CSS嗎？ – user113716 2010-02-03 00:47:21

試試這個：

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

來源

2010-02-03 00:39:17

這沒有奏效，一旦#store_container滑出，#store_data基本消失。很奇怪。 – iamtheratio 2010-02-03 00:42:12

從消失這實際上保持#store_data .. <腳本類型= 「文本/ JavaScript的」> $（函數（）{ $（ '＃store_container，#store_data'）隱藏（）; $（'＃（'＃store_container，#store_data'）。slideToggle（「slow」）; return false; }）; }）; 但它仍然沒有讓兩個DIVS一起滑落，只有一個.. – iamtheratio 2010-02-03 00:44:34

@iamtheratio - 更新，雖然你的原始樣本適用於我在FireFox ....試試我當前的答案。 – 2010-02-03 00:44:42

JQuery - SlideToggle在同一時間多個DIV？

回答

相關問題