Пользовательский Accordion

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/ да, это (": видимые") делает работу!