jquery - ページアコーディオンタブ

Question

私はwordpress（cms）でデザインしているウェブサイトを与えられています。

これはアコーディオンメニュータブのスクリーンショットです。

スクリーンショットにあるように、カテゴリA（2）をクリックすると、その下のサブカテゴリが一覧表示されます。範囲1をクリックすると、その下のページが一覧表示されます。

だから今私が必要とする実際のものは..

製品A1をクリックすると 、他のウィンドウやタブではなく、製品A1ページのコンテンツが展開および表示されます。

私はこれがアコーディオンタブによって達成できることを知っています

しかし、アコーディオンタブの場合、私はそこにコンテンツを入力することしかできません...他のページには入力できません

           [accordion] content [/accordion]-->i want the content from page

これを実現するには、いくつかのjquery関数を使用する必要がありますか？または他のプラグインはありますか？

Answer 1

$(document).ready(function () {
    $('#accordion').accordion({
        create: function (event, ui) {
            $('div#accordion > div').each(function () {
                var id = $(this).attr('id');
                $(this).load(id+'.html', function () {
                    $('#accordion').accordion('resize');
                });
            });
        }
    });
});