jquery - 页面手风琴标签

Question

我得到了一个在 wordpress(cms) 中设计的网站..

这是手风琴菜单选项卡屏幕截图。

如屏幕截图所示，当您单击Category A (2)时，会列出其下的子类别。单击Range 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');
                });
            });
        }
    });
});