自定義手風琴

Question

我有下面的手風琴，但是當一個項目打開時，如果你再次點擊它，它將重新打開而不是關閉。

我不確定適應下面的代碼來達到此目的的最佳方法嗎？

任何幫助或建議將是偉大的？

由於

$('.acc h2').click(function() { 
    $('.acc h2.open').nextUntil('h2').stop(true, true).slideToggle(); 
    $('.acc h2.open').removeClass('open'); 
    $(this).nextUntil('h2').stop(true, true).slideToggle(900); 
    $(this).toggleClass('open'); 
}); 

<div class="acc"> 

    <h2>1. Title 1</h2> 
    <div><p>text 1</p></div> 

    <h2>2. Title 2</h2> 
    <div><p>text 2</p></div> 

    <h2>3. Title 3</h2> 
    <div><p>text 3</p></div> 

</div><!--END acc--> 

Answer 1

解決方案：

$('.acc h2').next('div').hide(); 
$('.acc h2').click(function() { 
if($(this).next('div').is(':visible')) 
{ 
    $(this).next('div').slideUp();  
} 
else{ 
    $('.acc h2').next('div').slideUp(); 
    $(this).next('div').slideToggle(); 
}  
}); 

演示：

http://jsfiddle.net/5NAhV/1/

或

http://jsfiddle.net/5NAhV/2/

Answer 2

問題的切換是當用戶點擊多次，動畫開始排隊這是一種痛苦。

這裏有一個選擇：

http://jsfiddle.net/adaz/5NAhV/3/

編輯：

http://jsfiddle.net/5NAhV/2/是啊，是（ 「：可見」）做的工作！