<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;
}
);