Question

我从互联网上复制了这个脚本。我想用一个按钮来控制手风琴事件（关闭当前div并打开下一个div）

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

在div而不是

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

。

对jquery和javascript很新，任何帮助都会很受欢迎。

这是我的代码的小提琴：fiddle

Answer 1

从你的小提琴。我对它进行了一些修改，并点击按钮点击<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

如何通过单击按钮来控制手风琴事件

1 个答案: