HTML

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

Script

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

Demo

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