Question

我对javascript＆amp; jquery - 我正在使用jquery UI手风琴here

我要做的是让内容向上滑动 - 所以使用上面的链接作为示例，我希望第1部分的内容在点击之后位于标题“第1部分”之上。不在默认模式下面。

这里有很多手风琴问题，但似乎没有一个问题涉及内容滑落。

为了给出一些上下文，我在WordPress中创建了一个存档页面，我试图在内容中添加“Read more”。我正在使用jquery ui手风琴来显示更多内容而不是被带到单个帖子（因为这是WordPress默认执行的操作）。

手风琴在查询中，所以我在页面上有多个手风琴。一切工作。我只是无法弄清楚如何向上滑动内容，而不是像当前正在发生的那样（即默认操作）

<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>

// EDIT

我按照建议添加了上面的代码。它有点不同，因为最初我无法让多个手风琴在页面上工作。我找到了一篇帖子here，建议进行更改，以便在页面上使用多个手风琴

由于

jquery UI手风琴内容div滑动了

0 个答案: