Estoy intentando colocar un menu vertical desplegable estilo acordeón en mi web. El problema es que el menú incluye sublistas dentro de la lista principal y usando UI de Jquery no encontré el modo de que el acordeón funcione también en las sublistas.
Finalmente usé este código que encontré y funciona pero el problema es que el menú está cerrado por defecto. ¿Hay alguna forma de que una de las opciones quede abierta por defecto? No tengo ni idea de javascript (solo copiar-pegar y cambiar cuatro cosillas).
Código:
<script>
$(function() {
$('#accordion ul').hide();
$('#accordion li:has(ul)').children('a').click(function(event) {
$(this).next().slideToggle();
$('ul',$(this).parent().siblings()).slideUp();
event.stopPropagation();
});
});
</script>
Gracias