jquery - JQuery アコーディオンを機能させるにはどうすればよいですか?

Question

リンク

• JSFiddle の JQuery アコーディオン
• 私の JSFiddle アコーディオンの試み

この質問の「リンク」セクションで確認できる、JSFiddle で基本的な JQuery アコーディオンを見つけました。「リンク」セクションでも、JQuery アコーディオンを私の Web サイトに実装しようとしている方法を確認できます。

「JSFiddle の JQuery アコーディオン」リンクは、Google 検索で見つけたオリジナルです。$(関数() {

$(function() {
    $('#accordion .content').hide();
    $('#accordion h2:first').addClass('active').next().slideDown('slow');
    $('#accordion h2').click(function() {
        if($(this).next().is(':hidden')) {
            $('#accordion h2').removeClass('active').next().slideUp('slow');
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});

私のバージョンでは、JQuery アコーディオンのコンテンツはロード時に非表示になりますが、変更されたバージョンではボタンにコンテンツが表示されません。

私の問題を解決するための助けやアドバイスをありがとう。

敬具、ティム