jquery - 带有按钮的 jQuery-UI 手风琴控件

Question

我正在尝试通过单击按钮来控制我的 jQuery UI Accordian。但是，当我单击按钮时，什么也没有发生。

有没有办法使这项工作？

谢谢

这是一个jsFiddle：

http://jsfiddle.net/VLBw5/

这是我的javascript：

    $('[name=myButton]').on('click' , function() {
        $("#textSection").accordion({
            event: 'click',
            collapsible: true
        });
    });

和 HTML：

<div id="textSection">
     This is a course about biology.
</div>

<div>
    <input type="button" name="myButton" value="Toggle" />
</div>

Answer 1

在 HEAD 标记内添加这 3 行。

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>