Cómo expandir un Acordeón jQuery

La expansión de un acordeón jQuery requiere incluir los archivos de comandos adecuados y declaraciones de estilo.

JQuery es un código abierto, Biblioteca Javascript diseñada para la fácil implementación de animaciones, manejo de eventos, y Ajax scripts dentro de las páginas Web. Le permite manipular nodos del modelo de objetos de documento del explorador Web del usuario para crear una amplia variedad de efectos visuales cuando el usuario activa una condición dada. Un aspecto de uso de jQuery funciones integradas es el efecto acordeón, en la que los paneles de contenido apiladas junto a otra se puede ampliar y oculto con un clic del ratón sobre cualquiera de las barras de cabecera. Cual gama sueldo dueno

Abra la página Web en la que desea insertar o modificar el acordeón jQuery en su editor de texto preferido.

Inserte el código siguiente en la sección head del documento si no es ya:

enlace href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel tipo "stylesheet" = = "text / css" /

script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" / script

script src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" / script

guión

$ (Document). Ready (function () {

. $ ("# Acordeón") acordeón ();

});

/ Script

Crea una etiqueta de apertura y cierre para su acordeón en la sección del cuerpo de la página web con el siguiente código:

div id = "acordeón" / div

Coloque los encabezados de sección individuales dentro de la apertura y cierre de etiquetas div de la etapa 3, con el siguiente formato:

h3a href = "#" Sección 1/a/h3

div

pText de la Sección 1 / p

/ Div

h3a href = "#" Sección 2/a/h3

div

pText de la Sección 2 / p

/ Div

Modificar el contenido de cada pestaña de la sección de encabezado y como sea necesario.

Guardar y publicar su página Web. Cuando se hace clic en una sección de encabezado pestaña, se expandirá para mostrar el contenido de la ficha y cerrarse cuando se hace clic por segunda vez, o cuando se hace clic en otro encabezado.