サブメニューをクリックしたとき、メインメニューのハイライトの背景が欲しいです。
次のように私のコーディング:
<div id="dmenubg">
<ul id="nav" class="drop">
<li><a href="index.php">Home</a></li>
<li><a href="#">Services</a>
<ul>
<li><a href="aaa.php">AAA</a></li>
<li><a href="#">BBB</a></li>
<li><a href="#">CCC</a></li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function(){
var str=location.href.toLowerCase();
$(".drop li a").each(function() {
//alert(str.indexOf(this.href.toLowerCase()));
if (str.indexOf(this.href.toLowerCase()) > -1) {
$("li.highlight").removeClass("highlight");
$(this).parent().addClass("highlight");
}
});
$(".drop li ul a").each(function() {
if (str.indexOf(this.href.toLowerCase()) > -1) {
$(".drop.li.ul.highlight").removeClass("highlight");
$(this).parent().addClass("highlight");
}
});
})
</script>
Result of my menu:
Home **Service**
**AAA**
BBB
CCC
AAA アイテムをクリックすると、サービスと AAA が強調表示されます。