Menu con jquery, le sottovici devono rimanere aperte

[fairydesign]

Menu con jquery, le sottovici devono rimanere aperte

Ciao a tutti,
ho un problema con questo menu molto carino.
Vorrei che le sottovoci rimanessero aperte anche quando le clicco, invece di chiudersi.
Qualcuno sa aiutarmi?

spoiler

ul#menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; width:184px;}
ul#menu a { display: block; text-decoration: none;}
ul#menu li { margin-top: 1px;}
ul#menu li a { background: #000; color: #fff; padding:4px 0 5px 15px;}
ul#menu li a:hover { background: #999;}
ul#menu li ul li a { background: #8a8a8a; color:; padding-left: 25px;}
ul#menu li ul li a:hover { background:; border-left: 5px solid; padding-left: 20px;}

spoiler

function initMenu() {
$('#menu ul').hide();
$('#menu li a').click(
function() {
$(this).next().slideToggle('normal');
}
);
}
$(document).ready(function() {initMenu();});

spoiler

<ul id="menu">
<li>
<a href="#/" title=""> Voce 1 »</a>
<ul>
<li><a href="miofile.php" title="">Sottovoce</a></li>
<li><a href="miofile.php" title="">Sottovoce</a></li>
</ul>
</li>
<li><a href="miofile.php" title="">Voce 2</a></li>
<li>
<a href="#/" title=""> Voce 3 »</a>
<ul>
<li><a href="miofile.php" title="">Sottovoce</a></li>
<li><a href="miofile.php" title="">Sottovoce</a></li>
</ul>
</li>
</ul>