現在のプロジェクトでメニュー項目を強調表示する方法を理解するのに苦労しています。私は解決策を探すのに何時間も費やしましたが、いつも困惑してしまいます。私のjqueryはそれほど良くありません。私が持っているメニューはこちらです。現在のページが強調表示されるだけでなく、子の親もドロップダウン メニューで強調表示されるようにするにはどうすればよいですか。一部のコードでは、一度に複数のページが強調表示されます。誰かが理由を説明できますか?
<nav>
<ul class="nav">
<li class="dropdown">
<a href="index.php" class="dropdown-toggle disabled" data-toggle="dropdown"><i class="icon-home"></i>Home</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Marketing Tours<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="tour_management.php">Tour Management</a></li>
<li><a href="tour_management.php#leasing">Leasing</a></li>
<li><a href="index.php#case_studies">Case Studies</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> Specialty Vehicles <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="experiential_build.php">Experiential Builds</a></li>
<li><a href="mobile_cinema.php">Mobile Cinema (CineTransformer)</a></li>
<li><a href="mobile_broadcast.php">Mobile Broadcast/Production</a></li>
<li><a href="mobile_stage.php">Mobile Stage</a></li>
<li><a href="military&government.php">Military/Government</a></li>
<li><a href="#">Trailers</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> Creative<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Development</a></li>
</ul>
</li>
<li class="dropdown">
<a href="about.php" class="dropdown-toggle disabled" data-toggle="dropdown"> About </a>
</li>
<li class="dropdown">
<a href="contact.php" class="dropdown-toggle disabled" data-toggle="dropdown"><i class="icon-envelope-alt"></i> Contact </a>
</li>
</ul>
</nav>