menu com submenu jquery.

Pessoal, desculpa se o titulo não está legal. Vejam bem, estou fazendo uma implementação num código jquery que gera uma menu e sob-menu vertical, acontece que preciso colocar outros sub-menu dentro do sub-menu, da forma que fiz até funciona, com o seguinte erro: Temos lá: - Cadastro - Cliente - Inseir - Modificar Quando clica em cadastro ele mostra o sub-menu onde está cliente; Quando clica em cliente, mostra o sub-menu de clientes Se eu clicar novamente em cliente e depois em qualquer sub-menu que tenha menu, esse ficara aparecendo e desaparecendo de acordo a quantidade de cliques que dei em cadastro. Tá complicado mas é isso mesmo, o código segue abaixo:

<li class="parent"><a href="#" title="">Cadastro</a>

<ul class="sub-menu">

<li class="parent1"><a href="#" title="Cadastre os tipos de Contrado">Contatros</a>
 <ul class="sub-menu1">
 <li><a href="#" title=""> >> Inserir</a></li>
 <li><a href="#" title=""> >> Movimentar</a></li>
 </ul>

 </li>

 <li class="parent1"><a href="#" title="Módudo para cadastro e movimentação de clientes">Clientes</a>
 <ul class="sub-menu1">
 <li><a href="#" title=""> >> Inserir</a></li>
<li><a href="#" title=""> >> Movimentar</a></li>
 </ul>

 </li>

</ul>

</li>

 <script language="JavaScript" type="text/javascript">
 $(function() {
 $('ul#menu li.parent > a').click(function() {
 $('ul.sub-menu', $(this).parent()).slideToggle('fast', function() {
 $(this).parent().toggleClass('aberto');

 $('ul#menu li.parent1 > a').click(function(){
 $('ul.sub-menu1', $(this).parent()).slideToggle('fast', function() {
 $(this).parent().toggleClass('aberto1');
 })
 });

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