JQuery Аккордеонная проблема

Question

Привет всем.

У меня есть очень простой код для простого аккордеона.

$('div.header').click(function() {
            $('div.content').slideUp('normal');
            $(this).next().slideDown('normal');
        }); $("div.content").hide();

HTML

<div class="header">Header</div>
<div class="content">Content... </div>

Таким образом, всякий раз, когда заголовок щелкает, содержимое расширяется.

проблема в том, что когда я нажимаю на тот же заголовок, содержимое скользит вверх и возвращается вниз.

Я не уверен, как с этим разобраться.

Любая помощь высоко ценится.

Заранее спасибо

Дом

Answer 1

используйте slideToggle ()

$('div.header').click(function() {
        $(this).next().slideToggle('normal');
    }); $("div.content").hide();

http://api.jquery.com/slideToggle/

Answer 2

Вы можете определить, виден ли контент до скольжения, используя

if ((object-you-want-to-check).is(':visible') )