jquery UI手风琴内容分区向上滑动

我对javascript和jquery非常陌生-我正在使用找到的jquery UI

我想做的是使内容向上滑动-因此，以上面的链接为例，我希望第1节的内容在单击后位于标题“第1节”的上方。不在下面，因为这是默认模式

这里有很多手风琴问题，但似乎没有一个是关于内容的

为了给它提供一些上下文，我在WordPress中创建了一个归档页面，并试图在内容中添加“阅读更多”。我使用jQueryUIAccordion来显示更多的内容，而不是被带到单独的帖子上（默认情况下WordPress就是这样做的）

手风琴在查询中，因此我在页面上有多个手风琴。所有的工作。我只是不知道如何向上滑动内容，而不是像当前发生的那样向下滑动（即默认操作）

jQuery（文档）.ready（函数（$）{
变量图标={
标题：“图标加”，
activeHeader：“图标减号”
};
$（“手风琴”）。手风琴({
可折叠：真，活动：假，图标：图标
});
$（“#切换”）。按钮（）。单击（函数（）{
如果（$（“.accordion”）.accordion（“选项”、“图标”））{
$（.accordion”）.accordion（“选项”，“图标”，空）；
}否则{
$（“.accordion”）.accordion（“选项”、“图标”、“图标”）；
}
}); 
//静态小部件上的悬停状态
$（“#对话框链接，#图标li”）。悬停(
函数（）{
$（this.addClass（“ui状态悬停”）；
},
函数（）{
$（this.removeClass（“ui状态悬停”）；
}
);
});

//编辑

我按照建议添加了上述代码。这有点不同，因为最初我无法在页面上使用多个手风琴。我发现了一篇文章，建议对页面进行修改，以使多个手风琴在页面上工作

---

谢谢

请发布您正在使用的代码，并解释如何以及在何处应用它。您是否使用以下默认功能：$（“#accordion”）.accordion（）；？为了能够折叠内容，您需要使用：$（“#accordion”）.accordion（{collapsable:true}）；来自同一个国家。

<script>
jQuery(document).ready(function($) {
    var icons = {
      header: "icon-plus",
      activeHeader: "icon-minus"
    };
    $( ".accordion" ).accordion({
        collapsible: true, active: false, icons: icons
    });

    $( "#toggle" ).button().click(function() {
      if ( $( ".accordion" ).accordion( "option", "icons" ) ) {
        $( ".accordion" ).accordion( "option", "icons", null );
      } else {
        $( ".accordion" ).accordion( "option", "icons", icons );
      }
    }); 

    // Hover states on the static widgets
    $( "#dialog-link, #icons li" ).hover(
        function() {
            $( this ).addClass( "ui-state-hover" );
        },
        function() {
            $( this ).removeClass( "ui-state-hover" );
        }
    );
});
</script>