Faire Accordion avec jQuery.

Bonjour :)

Je veux utiliser la fonction Accordion avc jQuery.
Je n'ai jamais utiliser jQuery, et j'ai une connaissance simple de javascript (je comprends la syntaxe mais je ne sais pas les fonctions ..etc).

Ce que je veux faire c'est d'afficher ou masquer la sous liste <li> quand on clique sur l'élément parent.

Mon code ressemble à ça:

<ul> 
 <li><a href="#" title="">Accueil</a></li> 
 <li><a href="#" title="">Services</a></li> 
  <ul id="nav2"> 
   <li><a href="#" title="">Services 1</a></li> 
   <li><a href="#" title="">Services 2</a></li> 
  </ul> 
 <li><a href="#" title="">Produits</a></li> 
 <li><a href="#" title="">Contact</a></li> 
     
</ul> 

Merci d'avance pour votre aide que ça soit une solution finale ou des liens et conseils pour me débrouiller seul. :)