带按钮的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>