我在这个jQuery链接中做错了什么?

Jes*_*sse 2 html javascript jquery widget hyperlink

在jQuery方面,我是一个完全新手,但我正在尝试在我的HTML页面上运行一个简单的accordion()代码.

这是我用过的链接,我包含了压缩生产jQuery 2.1.0

<head>
    <link rel="stylesheet" type="text/css" href="stylesheetkomik2.css">
    <script src="jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="scriptkomik2.js"></script>
    <title>Komiktoneel</title>
</head>
Run Code Online (Sandbox Code Playgroud)

我正在尝试使用accordion()的代码片段是一系列带有标签的标签,其中包含段落,如下所示:

<div id="content">
<h3>This is the first heading</h3>
<div><p>First paragraph</p></div>

<h3>This is the second heading</h3>
<div><p>Second paragraph</p></div>
</div>
Run Code Online (Sandbox Code Playgroud)

scriptkomik2.js除了以下代码之外什么都不包含:

$(document).ready(function(){
     $("#content").accordion();
})
Run Code Online (Sandbox Code Playgroud)

我的代码中有什么问题或链接错误吗?谢谢

Mat*_*epa 5

您需要添加jQuery UI

Accordion是来自jQuery UI的小部件,这个库在jQuery之上工作.因此,您需要将两个j添加到项目中.

<script src="js/jquery.js"></script>
<script src="js/jquery.ui.js"></script>
Run Code Online (Sandbox Code Playgroud)