[Resolvido] função slideToggle

Bom dia a todos.

Estou tentando criar um menu deslizante, mas estou com um problema na função "slideToggle". Qundo clico na lista, ele abre a outra lista normalmente, mas quando clico em algum item desta outra lista que se encontra dentro da primeira lista, ele faz a sua função, mas, além disso ele esconde a segunda lista, voltando a posição inicial. Preciso que quando clicar nos itens da segunda lista ela continue aberta somente ocultar quando clicar na primeira lista. Não sei se está confuso, mas o código segue abaixo.

<script type="text/javascript" src="js/jquery-1.4.3.js"></script>

<script type="text/javascript">
 $(document).ready(function(){
 $('#testelista1ul').hide();
 $('#testelista2ul').hide();

 $('.testelista1').click(function(){
 $('#testelista1ul').slideToggle();
 });
 $('.testelista2').click(function(){
 $('#testelista2ul').slideToggle();
 });
 $('.item1').click(function(){
 $('#trabalho').load('teste/teste1.php');
 $('#testelista1ul').show();
 });
 $('.item2').click(function(){ $('#trabalho').load('teste/teste2.php'); });
 $('.item3').click(function(){ $('#trabalho').load('teste/teste1.php'); });
 $('.item4').click(function(){ $('#trabalho').load('teste/teste2.php'); });
 });
</script>

<ul class="menu">
 <li><a href="inicio.php">Início</a></li>
 <li class="testelista1"><a href="#">Teste lista 1</a>
 <ul id="testelista1ul">
 <li class="item1"><a href="#1">Item 1</a></li>
 <li class="item2"><a href="#2">Item 2</a></li>
 </ul>
 </li>
 <li class="testelista2"><a href="#">Teste lista 2</a>
 <ul id="testelista2ul">
 <li class="item3"><a href="#1">Item 3</a></li>
 <li class="item4"><a href="#2">Item 4</a></li>
 </ul>
 </li>
</ul>

Consegui resolver,

$('ul li a').click(function(){

 $(this).next().slideToggle();

});