将accordion菜单添加到选项卡中:合并JS

时间:2014-02-17 14:16:51

标签: javascript jquery jquery-ui tabs accordion

我正在尝试将ACCORDION菜单合并到我现有的TABS菜单中。好吧,我有一个带有标签的Accordion菜单的工作示例,取自here

老实说,我没有完全理解它是如何运作的;而html结构很清楚,JS则不然。我正在使用Dreamweaver,它可以使用jQuery UI库从头开始生成制表符和手风琴。对于标签DW生成:

<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css"> 
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.tabs.min.css" rel="stylesheet" type="text/css">

<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.tabs.custom.min.js" type="text/javascript"></script>

对于ACCORDION,DW生成一个类似的集合:

<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.accordion.min.css" rel="stylesheet" type="text/css">
<script src="jQueryAssets/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jQueryAssets/jquery-ui-1.9.2.accordion.custom.min.js" type="text/javascript"></script>

问题是:如何将ACCORDION JS合并到我现有的TABS JS中。是否有一个JS文件覆盖整个功能。

如果这个问题听起来奇怪而且不专业,请原谅。

1 个答案:

答案 0 :(得分:0)

转到https://jqueryui.com/download/

选择您要使用的小部件,您将获得包含这两个小部件的1个自定义文件。