Índice

La primera aplicación jQuery

Para entrar en materia, vamos a construir un menú de navegación vertical desplegable.

Aquí el objetivo no es entender los métodos jQuery utilizados, que se estudiarán más adelantes, sino obtener una visión general de la implantación y de la organización general de los scripts jQuery. El objetivo de esta primera aplicación es familiarizarse con el enfoque que sigue el autor en nuestra exploración de jQuery.

Esta es la apariencia al cargarse la página:

images/1_7_V41.png

Esta es la apariencia al hacer clic sobre Capítulo 1:

images/1_7_V42.png

Se presenta de la siguiente manera el archivo HTML de inicio:

<!DOCTYPE html>  
<html lang="es">  
<head>  
<meta ="utf-8">  
<title>jQuery</title>  
<script src="jquery.js"></script>  
<script>  
$(document).ready(function(){  
          $("div.menu_punto").hide();  
        $("p.menu_capitulo").click(function(){  
                  $(this).next("div.menu_punto").slideDown(300)  
                  .siblings("div.menu_punto").slideUp("slow");   ...