2011-02-18 287 views
0

我正在使用JQuery在我的網站上創建導航結構。此結構由以下代碼定義:JQuery菜單 - 默認選擇項目

<ul id="theMenu"> 
    <li><a title="" href="#"><img alt="Home" src="/dot.png" class="menuHeader" />Home</a></li> 
    <li><a title="" href="#"><img alt="About" src="/dot.png" class="menuHeader" />About</a> 
    <ul> 
     <li><a href="#"><img alt="Our Team" src="/dot.png" class="subMenuHeader" />Our Team</a></li> 
     <li><a href="#"><img alt="Our Company" src="/dot.png" class="subMenuHeader" />Our Process</a></li> 
    </ul> 
    </li> 
    <li><a title="" href="#"><img alt="Catalog" src="/dot.png" class="menuHeader" />Catalog</a> 
    <ul> 
    <li><a href="#"><img alt="" src="/dot.png" class="subMenuHeader" />Men's Clothing</a></li> 
    <li><a href="#"><img alt="" src="/dot.png" class="subMenuHeader" />Women's Cloting</a></li> 
    <li><a href="#"><img alt="" src="/dot.png" class="subMenuHeader" />Kids Clothing</a></li> 
    </ul> 
    </li> 
    <li><a title="Contact Us" href="#" class="btm"><img alt="Contact Us" src="/dot.png" class="menuHeader" />Contact Us</a></li> 
</ul> 

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#theMenu > li > a").not(":first").find("+ ul").slideUp(1); 
    $("#theMenu > li > a").click(function() { 
     $(this).find("+ ul").slideToggle("fast"); 
    }); 
    }); 
</script> 

在某些情況下,我想要預先選擇其中一個菜單項。假設我想要預先選擇(擴展)「目錄」菜單。我如何通過JQuery來做到這一點?

謝謝!

回答