アコーディオンタブを作成したい。このサイトを参照した。次の出力が得られます。
実際にアイテム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>
同じことを達成するためにスクリプトを追加する必要がありますか?