Codly

html

<div class="accordion">
    <div class="accordion-header">
        Загаловок аккордеона
    </div>
    <div class="accordion-content">
        Контент аккордеона
    </div>    
</div>

css js

//Скрываем все области контента аккордиона
    $('.accordion').find('.content').hide();

    //Аккордеон
    $('.accordion').find('.accordion-header').click(
        function()
        {
            var next = $(this).next();
            next.slideToggle('fast');
            $('.accordion-content').not(next).slideUp('fast');
            return false;
        }
    );