HTML

<dl id="sample3">
    <dt>アコーディオンヘッダ</dt>
    <dd>アコーディオンコラム</dd>
    <dt>アコーディオンヘッダ</dt>
    <dd>アコーディオンコラム</dd>
    <dt>アコーディオンヘッダ</dt>
    <dd>アコーディオンコラム</dd>
</dl>

Script

$(function(){
    var dd = $('dd','#sample3');
    dd.hide();
	
    $('dt','#sample3').click(function(){
        var next = $(this).next();
        dd.not(next).slideUp();
        if(next.is(':visible')){
            next.slideUp();
        }else{
            next.slideDown();
        }
    });
});

Demo

アコーディオンヘッダ
アコーディオンコラム
アコーディオンヘッダ
アコーディオンコラム
アコーディオンヘッダ
アコーディオンコラム