我正在使用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做到这一点?
谢谢!
答案 0 :(得分:1)