Tengo lo siguiente:
Código:
<ul class="acordeon">
<li><a href="">Padre1</a>
<ul>
<li><a href="">Link1</a></li>
<li><a href="">Link2</a></li>
<li><a href="">Link3</a></li>
<li><a href="">Link4</a></li>
</ul>
</li>
<li><a href="">Padre2</a>
<ul>
<li><a href="">Link1</a></li>
<li><a href="">Link2</a></li>
<li><a href="">Link3</a></li>
<li><a href="">Link4</a></li>
</ul>
</li>
<li><a href="">Padre3</a>
<ul>
<li><a href="">Link1</a></li>
<li><a href="">Link2</a></li>
<li><a href="">Link3</a></li>
<li><a href="">Link4</a></li>
</ul>
</li>
</ul>
</div>
Y el siguiente codigo:
Código:
jQuery().ready(function(){
$(".acordeon li ul:not(:first)").hide();
$(".acordeon li").click(function (){
$(".acordeon li ul:visible").slideUp("medium");
$(this).slideDown("slow");
});
});
Pero no logro hacer que anda correctamente como un acordeon, alguna ayuda??
grx!