Menu JQuery - Sélectionner un élément par défaut

Question

J'utilise JQuery pour créer une structure de navigation sur mon site Web. Cette structure est définie par le code suivant:

<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> 

Dans certaines situations, je souhaite présélectionner l'un des éléments de menu. Supposons que je voulais le menu "Catalogue" présélectionné (développé). Comment ferais-je cela via JQuery?

Merci!

Answer 1

Avec quelque chose de balisage actuel comme

 $("img[alt=Catalog]").parent('a').click(); 

http://jsfiddle.net/loktar/LLrrV/7/