Problema con link en menu acordeon jquery
2 seguidores
Hola!! Modifiqué el siguiente menu en jquery para mi pagina web: http://www.queness.com/resources/html/accordion/index.html
De tal manera, q la imagen de la seccion 1, desplega otras 2 subsecciones, pero que son imagen.
Mi problema es que al poner link a otro html en la subseccion, no me hace el link, sino que lo contrae.
He probado con varias opciones, pero el código limpio de una seccion es este:
<li>
<a href="#" class="seccion" rel="seccion"></a>
<ul>
<li><a href="#"><img src="/img/subseccion1.jpg" border="0"></a></li>
</ul>
</li>
Gracias!
Usuario desconocido
En las primeras lineas, pon esto en vez de lo que tienes:
$('#accordion > li').click(function () {
Tienes que poner el > que te destaco en negrita
Usuario desconocido
Jajaj, lo que me parece curioso es que sea una web de tutoriales de Jquery, muahahaha
kurkep
Hola! muchas gracias por contestar.
Ummmmm..sigo dandole vueltas y no lo consigo la verdad. No se si puede afectar que utilizo otro script mas arriba para una galeria jquery tambien.
Simplemente modifiqué esa linea que me comentabas y nada. Probando otras opciones en google, conseguí asignarle un "id" al "li" y me hacia link pero sin hacer el desplegable
Graciass de nuevo!
serka
A mi me pasó, lo que debes que hacer es, antes de hacer el despliegue o pliegue es comprobar que ese li tiene hijos ul o no, si tiene sigues sino, pasas de aplicar el script, y funcionará el enlace, lo hice así de simple y funciona:
jQuery('ul.menu a').click(function (event){
if (jQuery(this).next('ul.sub-menu').length>0)
{
event.preventDefault();
jQuery(this).next('ul.sub-menu').toggle('slow');
}
}
la clave está en no aplicar el event.preventDefault();
Saludos