Efecto Acordeón con jQuery 2 - Carlitox en la Web

Continuando con la parte 1, podemos incluso comenzar con uno que este completamente cerrado y sin animación:

jQuery('#mi_id').accordion({ 
    header: 'mi_encabezado', 
    active: false, 
    alwaysOpen: false, 
    animated: false, 
    autoheight: false 
});

Enlaces

Carlitox en la Web

Contacto

Trabajos (portafolio)

Java

Párrafo

Probando jQuery, esto es un párrafo

de unas 4 líneas para probar la

funcionalidad del efecto acordeón

utilizando esta librería.

Imagenes

Y para que se aprecie la potencia de esto podemos utilizar botones de anterior y siguiente:

//jQuery
var wizard = $("#mi_id").accordion({ 
    header: 'mi_encabezado', 
    event: false 
}); 
 
$("mi_encabezado", wizard).each(function(index) { 
    $(this) 
    .next() 
    .children(":button") 
    .filter(".siguiente, .anterior") 
    .click(function() { 
        wizard.changeAccordion("activate", index + ($(this).is(".siguiente") ? 1 : -1)) 
    }); 
});

Twitter

RSS

Correo

El punto mas importante a resaltar es "jQuery('#el_elemento')", que hace referencia a nuestro elemento en el código HTML, cualquier inquietud no duden en comentar =).