我有一个包含2个指向1页的项目的菜单，我的问题是如何根据单击位置突出显示顶级项目。

<nav>
 <ul class="mainNavi" id="menu-main">
  <li><a href="#">Home</a></li>       
  <li><a href="#">Funding Guidelines</a>
    <ul class="sub-menu">
     <li><a href="#">Learning Institutions</a>
         <ul class="sub-menu">
           <li><a href="#">Who Is Eligible</a></li>
           <li><a href="#">What We Fund</a></li>        
         </ul>
     </li>       
     <li><a href="#">FAQs</a></li>
    </ul>
 </li>
 <li><a href="#">Projects</a></li>
 <li><a href="#">Donations</a>
     <ul class="sub-menu">
       <li><a href="#">Make Donation</a></li>
       <li><a href="#">Request for Tax Exempt Receipts</a></li>
       <li><a href="#">FAQs</a></li>
     </ul>
  </li>
 </ul>
</nav>

参考以上内容，我有两个常见问题链接，一个在资助指南下，另一个在捐赠下，这两个链接都链接到同一页。我的问题是，当我单击相应子菜单下的链接时，如何突出显示顶层菜单，而不突出显示另一个子菜单。我现在看到的是，当我单击菜单时，它会高亮显示两个顶级菜单。