如何使用jQuery UI在wordpress中添加多级手风琴

Question

我正在尝试为我的WordPress网站添加一个多级手风琴。所以我创建了一个fiddle Here，但是在WordPress中，多层次工作不正常！只显示第一级但现在显示多级。请帮忙。

我想使用WordPress jQuery library并将jQuery UI添加到我的主题function.php中，所以我添加了以下代码

function add_jquery_ui() {
    wp_enqueue_script( 'jquery-ui-core' );
    wp_enqueue_script( 'jquery-ui-accordion' );
}
add_action( 'wp_enqueue_scripts', 'add_jquery_ui' );

然后我在footer.php部分

之前将此代码添加到我的主题</body>

jQuery(function($) {
$(".lifetime-faq").accordion({
    autoHeight: false,
    collapsible: true,
    active: false
});

 $(function () {
     var icons = {
         header: "iconClosed",    // custom icon class
         activeHeader: "iconOpen" // custom icon class
     };
     $(".lifetime-faq").accordion({
         icons: icons
     });
 });
});