0

アコーディオンタブを作成したい。このサイトを参照した。次の出力が得られます。

ここに画像の説明を入力してください

実際にアイテム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>

同じことを達成するためにスクリプトを追加する必要がありますか？

4

1 に答える 1

0

以下のリンクアコーディオンプラグインを確認できますか

問題が発生した場合は、jQuery競合を確認してください

于 2012-07-18T08:07:17.537 に答える