Liberar links dentro de un acordeón en jQuery

Por defecto, cualquier etiqueta “a” dentro de un div definido para actuar como un acordeón de jQuery asumirá que debe de cerrar la sección que le contiene o, en general, actuar como cabecera de un acordeón. Para evitar esto, a la hora de activar el acordeón hay que declarar al menos un parámetro concreto que establece qué enlaces son las cabeceras.

<script type=”text/javascript”>
jQuery().ready(function(){
// simple accordion
jQuery(‘#list1a’).accordion({

active: “a.default”,
header: “a.accordion-label”

});

});
</script>

El parámetro “active” establece que el enlace con la clase “default” será la que esté abierta por defecto. “header” establece qué clases deberán tener las etiquetas “a” que queremos que funcionen como cabeceras, liberando al resto de enlaces que tengamos dentro de las secciones para que actúen como tales.

Por ejemplo, la cabecera por defecto tendría una estructura similar a la siguiente:

<a href=”#” class=”default accordion-label”><img src=”imagen_cabecera_1.jpg” alt=”” /></a>

Como contra, habrá que especificar los estilos para los enlaces que ahora funcionarán como deberían hacerlo por defecto, ya que de lo contrario recibirán los especificados para las cabeceras.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: