JQuery Menu - Select Item by Default -
i using jquery create navigation structure on web site. structure defined following code:
<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>
in situations, want pre-select 1 of menu items. let's pretend wanted "catalog" menu pre-selected (expanded). how via jquery?
thank you!
with current markup like
$("img[alt=catalog]").parent('a').click();
Comments
Post a Comment