javascript - 如何通过单击按钮来控制 Accordion 事件

Question

我有从互联网上复制的这个脚本。我想用按钮控制 Accordion 事件(关闭当前 div 并打开下一个 div)

<button> Click me to open next</button>

在 div 而不是

     <h3 id="section1">Section 1</h3>

。

我是 jquery 和 javascript 的新手，如有任何帮助，我们将不胜感激。

这是我的代码的 fiddle :fiddle

Answer 1

来自你特定的 fiddle 。我稍微修改了一下，将按钮click绑定(bind)到click <h3>上标签，就像您手动单击它们一样。从那里开始，每次单击按钮，它只需单击下一个 <h3> 。考虑这个例子:

$(function () {
    $("#accordion").accordion({
        activate: function (event, ui) {
        //alert($(ui.newHeader).attr("id"))
        }
    });

    $('button').on('click', function(){
        var current_index = $(this).parent().next('h3').index();
        if(current_index != -1) { // just checks if its the last
            $(this).parent().next('h3').trigger('click');
        } else {
            $('h3#section1').trigger('click');
        }

    });
});

Sample Fiddle