[Jquery-Es] Primera consulta, seleccionar elemento

Carlos exea.carlos en gmail.com
Mie Jun 11 09:57:23 PDT 2008


Bueno, hayunos selectores que son "next" y " prev", con los que puedes hacer 
todo en una sola sentencia:

Mira, en este caso (lo tengo en una web hecho), lo que hacemos es 
seleccionar todos los enlaces (a) contenidos en una lista (li) que tienen el 
estilo "flecha".
  $(".flecha > li > a").

y, mediante toggle, ocultamos o mostramos el DIV que está por encima de cada 
enlace, podría estar debajo con next. Este DIV tiene aplicado un estilo con 
display: none, por lo que en principio está oculto.

$(document).ready(function (){
            $(".flecha > li > a").toggle(function(){
           $(this).html("ocultar").prev().show("slow");
            },function(){
           $(this).html("mostrar").prev().hide("slow");
          });
});


Saludos



----- Original Message ----- 
From: "Claudio A. Salazar Beltrán" <claudiosalazarb en gmail.com>
To: <jquery-es en lists.scriptia.net>
Sent: Wednesday, June 11, 2008 6:44 PM
Subject: [Jquery-Es] Primera consulta, seleccionar elemento


Hola.

Me incorporé hace muy poco a la lista, espero aprender mucho con ustedes y
colaborar en la medida de lo posible.
Quisiera que me ayudaran con lo siguiente :

Tengo una serie de h3 que son seguidos de un div con el contenido relativo a
dicha etiqueta, como el siguiente ejemplo :

< h3 >título 1< / h3 >
< div id ="uno" > contenido 1 < / div >
< h3 >título 2< / h3 >
< div id ="dos" > contenido 2< / div >
< h3 >titulo 3< / h3 >
< div id ="tres" > contenido 3 < / div >

Quiero que al hacer click sobre cada h3, su correspondiente div aparezca y
desaparezca (toggle). Eso es fácil, si es que creo el código para cada h3.
Mi duda puntual es... ¿ Como lo hago para obtener el mismo resultado sin
crear el código independiente para cada h3 ?
¿ Como selecciono el div que está a continuación del h3 de forma genérica,
sin tener que hacerlo uno por uno ?

Espero que me puedan ayudar con esto, que aunque seguramente es simple, me
tiene algo complicado ya que recién estoy conociendo jquery, que por cierto
la encuentro espectacular.
Agradecido desde ya.
Saludos.
Atte.,

-- 
Claudio A. Salazar Beltrán
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: 
<http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20080611/9f6990bc/attachment.htm>
_______________________________________________
Jquery-Es Lista de correo en español para usuarios de jQuery

* Recuerda que debes utiliza "responder a todos" para enviar tu respuesta a 
la lista
* Para abrir un tema de conversación, escribe a Jquery-Es en lists.scriptia.net
* Puedes gestionar tu suscripción en 
http://lists.scriptia.net/listinfo.cgi/jquery-es-scriptia.net 



Más información sobre la lista de distribución Jquery-Es