带按钮的jQuery-UI手风琴控制

Question

我试图通过单击按钮来控制我的jQuery UI手风琴。但是，当我点击按钮时，什么也没有发生。

有没有办法让这项工作？

感谢

这里有一个的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

将这3行添加到HEAD标签中。

<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>