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.

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.