如何製作帶有可擴展盒子的jquery圖表，每次只有一個擴展盒子？

Question

我正在使用可擴展框jquery圖表。主要問題是當一個盒子打開時，我打開另一個盒子，第一個盒子不關閉。如何使第二個盒子打開並且第一個盒子關閉時的腳本？

我嘗試在這裏的答案之一使用代碼，但不知怎的，我不能讓它的工作。由於

HTML：

<h2 class="trigger"><a href="#">click to see more</a></h2> 
<div class="toggle_container"> 
    <div class="block"> 
     <h3>one</h3> 
     <p>Consequat te olim letalis premo ad hos olim odio olim indoles ut venio iusto. Euismod, sagaciter diam neque antehabeo blandit, jumentum transverbero luptatum. Lenis vel diam praemitto molior facilisi facilisi suscipere abico, ludus, at. Wisi suscipere nisl ad capto comis esse, autem genitus. Feugiat immitto ullamcorper hos luptatum gilvus eum. Delenit patria nunc os pneum acsi nulla magna singularis proprius autem exerci accumsan. </p> 

     <p>Praesent duis vel similis usitas camur, nostrud eros opes verto epulae feugiat ad. Suscipit modo magna letalis amet et tego accumsan facilisi, meus. Vindico luptatum blandit ulciscor mos caecus praesent sed meus velit si quis lobortis praemitto, uxor. </p> 
    </div> 
</div> 

</div> 

的jQuery：

$(".toggle_container").hide(); 

$("h2.trigger").click(function(){ 
    $(this).toggleClass("active").next().slideToggle("slow"); 
}); 

Answer 1

我覺得你剛纔所描述的手風琴控制：

http://jqueryui.com/demos/accordion/

Answer 2

只是.slideToggle開放者開放之前關閉新的，就像這樣：

$('h2.trigger').click(function() { 
    $('.toggle_container').not(':hidden').hide(); 
    $('h2.trigger').toggleClass('active'); 
    $(this).next().slideToggle('slow'); 
} 

您可以通過用其他東西代替.hide()來關閉打開的動畫。

或者，您可以使用其他人已經按照Steve Wellens的建議構建和調試的手風琴控制器。