Código:
Y el siguiente codigo:<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>
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!