jQuery

Artículos con tutoriales, demostraciones y ejemplos sobre el uso de jQuery a la hora de desarrollar nuestra página web. Incluye trucos que puedes utilizar directamente en tu web y ejemplos que te permitirán introducirte en el mundo de jQuery.

Crear un menú con pestañas con jQuery

Voy a crear un menú con pestañas que nos permita acceder a diferentes contenidos sin refrescar la página. Esto lo vamos a conseguir gracias a jQuery. Al hacer click sobre una pestaña aparece el contenido relacionado eliminando el anterior y marcándose la pestaña seleccionada. Ver Demo Empezamos primero con un menú sencillo en HTML seguido […]

Seguir leyendo

Creando un menú vertical desplegable con jQuery (2)

Tras una pregunta de Saúl sobre el artículo Creando un menú vertical desplegable con jQuery en la que me preguntaba cómo lograr que al abrir una opción del menú se cerrara cualquier otra que estuviera abierta (podéis ver la pregunta en la zona de comentarios del artículo anterior) he actualizado (bueno, básicamente cambiado) el código para que pueda hacerse lo que pide Saúl. Aunque lo he puesto en los comentarios respondiéndole me he animado a crear una nueva entrada por si a alguien le fuera de interés.

Seguir leyendo

Lista desplegable y plegable con jQuery

Si tenemos una lista con Títulos y Descripciones y queremos que sólo se vean los títulos, viéndose la descripción únicamente cuando hacemos click sobre el título correspondiente. Además, si hay alguna descripción ya abierta queremos que se cierre si hacemos click sobre otro título diferente o sobre el mismo título una segunda vez.. Vamos a ver cómo hacerlo con jQuery.

Seguir leyendo

Curso de jQuery (4): Selectores, Tercera Parte

Selectores utilizados para encontrar un elemento Estos selectores encuentran otros elementos que guardan relación con los elementos previamente seleccionados (como los que encuentran descendientes, antecesores o hermanos de una selección anterior, por ejemplo) .next(), .nextAll(), .prev(), .prevAll() Estos métodos son bastante sencillos. Por ejemplo, si quisiéramos seleccionar sólo el elemento único siguiente hermano de cada […]

Seguir leyendo