JQuery - SlideToggle Несколько DIVs одновременно?

Question

Я новичок в JQuery, и у меня есть проблема с OCD.

Я использую функцию 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> 

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>