JQuery es un código abierto, Javascript Biblioteca diseñado para la fácil implementación de las animaciones, el manejo de eventos y secuencias de comandos Ajax dentro de las páginas Web. Se le permite manipular los nodos en el modelo de objetos de documento del navegador Web del usuario para crear una amplia variedad de efectos visuales cuando el usuario activa una condición dada. Un aspecto de uso común de las funciones incorporadas de jQuery es el efecto acordeón, en el que los paneles de contenido apilados uno junto a otro se pueden expandir y ocultos con un clic del ratón sobre cualquiera de las barras de cabecera.
Instrucciones
1 Abra la página Web en la que se desea introducir o modificar el acordeón jQuery en su editor de texto preferido.
2 Inserte el siguiente código en la sección <head> de su documento si no lo es ya:
<Link href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel = "stylesheet" type = "text / css" />
<Script src = "& lt; / script"> http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js "> & lt; / script>
<Script src = "& lt; / script"> http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js "> & lt; / script>
<Script>
$ (Document) ready (function () {
$("#accordion").accordion();
});
</ Script>
3 Crear una abertura y la etiqueta de cierre para el acordeón en la sección <body> de su página web con el siguiente código:
<Div id = "acordeón"> </ div>
4 Coloque las cabeceras de sección individuales dentro de la apertura y cierre de etiquetas <div> de la Etapa 3, con el siguiente formato:
<H3> <a href="#"> Sección 1 </a> </ h3>
<div>
& Lt; p> texto de la sección 1 & lt; / p>
& Lt; / div>
<H3> <a href="#"> Sección 2 </a> </ h3>
<div>
& Lt; p> texto de la Sección 2 & lt; / p>
& Lt; / div>
Modificar el contenido de cada pestaña de cabeza y la sección según sea necesario.
5 Guardar y publicar su página Web. Cuando se hace clic en un encabezado de sección de pestaña, se expandirá para mostrar el contenido de la ficha y cerrarse cuando se hace clic una segunda vez, o cuando se hace clic en otro encabezado.