[Resolvido] função slideToggle

[alessandrosilva.ti 0]

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();

});