Hola a todos.
Tengo un problema creo yo que a punto de solucionar. Eso creo.
Lo cierto es que me faltan conocimientos para afinar esto.
Me he bajado un script que quiero meter en un joomla!.
Se trata de un sistema para lograr que los submenús de un menú se expandan al entrar en el enlace principal en el que se encuentra una ul con el submenú.
El tema se articula así:
<li>
<a>Enlace Principal 1</a>
<ul class="list hidden">
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
</li>
<li>
<a>Enlace Principal 2</a>
<ul class="list hidden">
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
</li>
<li>
<a>Enlace Principal 3</a>
<ul class="list hidden">
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
</li>
Cuando pulsas, por ejemplo, el Enlace Principal 3, la UL, que estaba así:
<ul class="list hidden">
Pasa a <ul class="list hidden selected">
Y se aplica, entre otras cosas, un javascript así:
<SCRIPT type=text/javascript>$(document).ready(function(){$(".list.h idden.selected").slideDown(1000).removeClass("ocul to").addClass("visible")});</SCRIPT>
Que hace que el submenú formado por
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
aparezca con un efecto de jQuery, dejando los otros menús bajo Enlace Principal 1 y Enlace Principal 2 ocultos.
El tema es que quiero meterlo en un Joomla! que no me permite establecer el "selected" en las ULs.
No explico este tema porque son detalles ajenos a la cuestión.
El caso es que me gustaría saber si no se puede provocar lo mismo con esta otra estructura en el caso de enlace activo:
<li class="item-131" active>
<a>Enlace Principal 1</a>
<ul>
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
<a>Enlace dentro de este submenú</a>
</li>
Que sería una UL dentro de:
li.item-131.active a
Lo que no sé es cómo meter esto en la línea de javascript:
<SCRIPT type=text/javascript>$(document).ready(function(){$(".list.h idden.selected").slideDown(1000).removeClass("ocul to").addClass("visible")});</SCRIPT>
O si hay que añadir algo o cambiarlo todo.
En fin, mis conocimientos son limitados y no soy capaz de llegar a ello. Si es que se puede.
Espero opiniones de los expertos del foro.
Muchas gracias.
