ドロップダウンナビゲーション、ネストされたリストの基本的なマークアップがあります。
ユーザーが上部のナビゲーション項目をクリックすると、サブ ナビゲーションが開きますが、サブ ナビゲーション リンクが機能しません。
CMS 内にあるため、そこにプレースホルダー ページへのリンクが必要です。
マークアップ:
<ul class="navtop">
<li><a href="">Who</a>
<ul>
<li><a href="">Sub Item 1</a></li>
<li><a href="">Sub Item 2</a></li>
<li><a href="">Long Sub Item 3</a></li>
<li><a href="">Sub Item 4</a></li>
</ul>
</li>
<li><a href="">What</a>
<ul>
<li><a href="">Sub Item 1</a></li>
<li><a href="">Sub Item 2</a></li>
<li><a href="">Long Sub Item 3</a></li>
<li><a href="">Sub Item 4</a></li>
</ul>
</li>
</ul>
Javascript:
$(".navtop li").click(function(){
$(this).toggleClass("show");
$(this).siblings(".show").toggleClass("show");
return false;
});
CSS:
#headernav .navtop li.show ul
{
display: block;
}
$(".navtop li ul li a") に 'return true' を追加しようとしましたが、うまくいきませんでした。提案?