jquery手风琴子菜单下拉列表

Question

我想创建手风琴标签。我参考了this网站。我得到以下输出：

实际上点击第1项，它应该展开并显示子菜单..

但有些onclick无法正常工作，在导航栏中我将＃附加到网址上。

以下代码是jquery函数。

 $(document).ready(function () {
     $('#nav > li > a').click(function(){
     if ($(this).attr('class') != 'active'){
     $('#nav li ul').slideUp();
     $(this).next().slideToggle();
     $('#nav li a').removeClass('active');
     $(this).addClass('active');
  }
});

}）;

我添加了以下脚本

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/development-bundle/jquery-1.4.2.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/development-bundle/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/development-bundle/ui/jquery.ui.accordion.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/development-bundle/ui/jquery.ui.tabs.js"></script>

我是否需要添加更多脚本才能实现相同的目标？

Answer 1

您可以查看以下链接手风琴plugin

如果遇到任何问题，请检查jQuery冲突