wordpress - jquery手风琴子菜单下拉

Question

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

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

但是有些 onclick 不起作用，并且在导航栏中我得到#附加到 url ..

下面的代码是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

你能检查下面的链接手风琴插件吗

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