jquery - jQuery手风琴不起作用

Question

我很难让 jqueryui 手风琴发挥作用。即使将示例从 jquery 网站复制到 jsfiddle 中，它似乎仍然不起作用。

HTML

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

js

$(document).ready(function() {
    $("#accordion").accordion();
});

可在http://jsfiddle.net/FYrBS/103/的 jsfiddle 中查看

Answer 1

把这个加在头上。它在这里工作。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />

Answer 2

包括 JQuery UI。下面是CDN

<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"> </script>​