帶按鈕的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>