Menu déroulant / javascript

Bonjour,
J'ai réalisé un petit menu déroulant à l'aide de "J Query" en javascript mais voilà mon problème->

Quand je clic sur un lien du "submenu" mon menu déroulant ce referme et charge la page demandée... J'aimerais que mon menu reste ouvert sur le lien cliqué afin d'avoir une meilleure visibilité dans le déroulemant du site web.

Voici le script:

<script type="text/javascript">
<!--
$(document).ready( function () {
$(".navigation ul.subMenu:not('.open_at_load')").hide();

$(".navigation li.toggleSubMenu span").each( function () {
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ;
} ) ;


$(".navigation li.toggleSubMenu > a").click( function () {
if ($(this).next("ul.subMenu:visible").length != 0) {
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
else {
$(".navigation ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") });
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
}

return false;
});
} ) ;
// --> </script>


Voici le code:

<!-- /////////////////////////////////// -->

<ul class="navigation">
<li class="toggleSubMenu">
<span>illustration</span>
<ul class="subMenu">

<a href="#" input onClick="window.location.replace('royalpub.html')";>royalpub</div></a>

</ul>
</li>
</ul>

<!-- /////////////////////////////////// -->

Si quelqu'un arrive à m'aider.... Merci d'avance!