jqueryaccordion-使用锚打开&；转到特定部分

自从jQueryUI 1.10“激活”方法被删除后，我的手风琴部分出现了一些问题

这就是为什么我要寻找解决我发现的问题的方法

但我还有一个问题

我希望该链接可以打开特定选项卡，但也可以向下滚动到该选项卡。 我试图在段落中添加一些id，但没有成功，正如您在上所看到的

任何帮助都将不胜感激

HTML:

试试这个：

var $accordion = $("#accordion");

$accordion.accordion({
    collapsible: true,
    active: false
});

$(".opener").on("click", function() {
    var $this = $(this),
        toOpen = $this.data("panel");
    $accordion.accordion("option", "active", toOpen);
    var timer = $accordion.accordion("option", "animate");//get animate value
    setTimeout(function() {
        $("html,body").animate({
            scrollTop: $($("#accordion>div").get(toOpen)).offset().top
        }, 300);
    }, timer); //Use it in the timer.
    return false;
});

最简单的方法是在手风琴打开之前放一个计时器。手风琴有一个指定动画值的选项，也可以用作计时器

---

演示：

是！就这样。我没想到定时器。非常感谢您的快速回答；-）

 var $accordion = $("#accordion");

$accordion.accordion({
      collapsible: true, active: false
    });

$(".opener").on("click", function () {
    var $this = $(this),
        toOpen = $this.data("panel");

    $accordion.accordion("option", "active", toOpen);

    return false;
});

var $accordion = $("#accordion");

$accordion.accordion({
    collapsible: true,
    active: false
});

$(".opener").on("click", function() {
    var $this = $(this),
        toOpen = $this.data("panel");
    $accordion.accordion("option", "active", toOpen);
    var timer = $accordion.accordion("option", "animate");//get animate value
    setTimeout(function() {
        $("html,body").animate({
            scrollTop: $($("#accordion>div").get(toOpen)).offset().top
        }, 300);
    }, timer); //Use it in the timer.
    return false;
});