Comment faire pour que le menu déroulant reste ouvert ?

Bonjour,

J'ai un menu déroulant qui appelle le fichier jquery-1.4.js auquel j'ai ajouté le code ci-dessous (tout en bas du fichier .js).

Comment faire pour que le menu reste déroulé lorsque l'on clique sur le lien.
Actuellement le menu se referme au chargement de la page mais j'aimerais qu'il reste ouvert...

Merci beaucoup pour votre aide.
Merci également de vulgariser vos explications, je reste très amateur :)

Phil

Mon site : www.come-ride-tour.ch
Construit avec le CMS Guppy

---

Code en bas du fichier .js :

$(document).ready( function () { 
// On cache les sous-menus 
// sauf celui qui porte la classe "open_at_load" : 
$(".navigation ul.subMenu:not('.open_at_load')").hide(); 
// On sélectionne tous les items de liste portant la classe "toggleSubMenu" 
  
// et on remplace l'élément span qu'ils contiennent par un lien : 
$(".navigation li.toggleSubMenu span").each( function () { 
// On stocke le contenu du span : 
var TexteSpan = $(this).text(); 
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ; 
    } ) ; 
  
// On modifie l'évènement "click" sur les liens dans les items de liste 
// qui portent la classe "toggleSubMenu" : 
$(".navigation li.toggleSubMenu > a").click( function () { 
// Si le sous-menu était déjà ouvert, on le referme : 
if ($(this).next("ul.subMenu:visible").length != 0) { 
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } ); 
        } 
// Si le sous-menu est caché, on ferme les autres et on l'affiche : 
else { 
$(".navigation ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") }); 
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } ); 
        } 
// On empêche le navigateur de suivre le lien : 
return false; 
    }); 
  
} ) ; 

Et le code de mon article Guppy (contenu du menu) :

<ul class="navigation"> 
<li> 
<a href="index.php?lng=fr" title="">ACCUEIL</a></li> 
<li> 
<a href="articles.php?lng=fr&pg=18" title="">CONCEPT</a></li> 
<li class="toggleSubMenu"> 
<span>EDITION 2013</span> 
<ul class="subMenu"> 
<li> 
<a href="articles.php?lng=fr&pg=50" title="">TARIFS</a></li> 
<li> 
<a href="articles.php?lng=fr&pg=59" title="">RESULTATS</a></li> 
<li> 
<a href="articles.php?lng=fr&pg=25" title="">LIENS & AMIS</a></li> 
</ul> 
</li> 
<li class="toggleSubMenu"> 
<span>ARCHIVES</span> 
<ul class="subMenu"> 
<li> 
<a href="articles.php?lng=fr&pg=47" title="">2012</a></li> 
<li> 
<a href="articles.php?lng=fr&pg=21" title="">2011</a></li> 
</ul> 
</li> 
<li class="toggleSubMenu"> 
<span>CONTACTS</span> 
<ul class="subMenu"> 
<li> 
<a href="contact/contact_fr.php" title="">FORMULAIRE</a></li> 
<li> 
<a href="articles.php?lng=fr&pg=16" title="">LE COMITE</a></li> 
</ul> 
</li> 
</ul>