Ver Mensaje Individual
  #7 (permalink)  
Antiguo 11/05/2014, 14:38
AjarDeNauer
 
Fecha de Ingreso: septiembre-2011
Mensajes: 10
Antigüedad: 13 años, 2 meses
Puntos: 0
Respuesta: efectos en div's diferentes con un solo li

Vale, gracias, pero creo que no es exactamente lo que busco.

Desarrollo la idea:

Tengo un menú hecho con una lista de seis elementos (lo acorto en el ejemplo). Cada elemento de la lista abre otro submenú formado por dos div, uno sera una lista y otroun texto. Hasta aquí creo que podría servir la solución anterior. Pero si cada submenú ha de mostrar diferentes divs tengo que hacer que según el elemento de la lista pulsado, muestre un par de divs u otros... Me explico?

Quiero decir:

Menú x > submenu x1 , submenú x2
Menú y > submenú y1 , submenú y2

Entonces yo lo había planteado de la siguiente manera para intentar ahorra el máximo código posible y no andarme con 12 identificadores en el código jquery:

Código HTML:
Ver original
  1. [...]
  2. <li class="ME2" href="#menujuego">Juego de mesa</li>
  3. <li class="ME2" href="#menusand">sandwichera</li>
  4.  
  5. [...]
  6.  
  7. <div id="menujuego">
  8.             <ul>   
  9.            ...
  10.                ... 
  11.             </ul>
  12. </div>
  13.  
  14. <div id="menusand">
  15.             <ul>   
  16.            ...
  17.                    ...
  18.             </ul>
  19. </div>
  20.  
  21. <div id="descripcion1">blablabla</div>
  22.  
  23. <div id="descripcio2">blablabla

Código Javascript:
Ver original
  1. $(".ME2").click(function(){
  2.        
  3. var capa = $(this).attr("href");
  4.  
  5. if ($(capa).is(":visible")){
  6.            
  7.             $(capa).fadeOut()
  8.             }else{
  9.                 $(capa).fadeIn();
  10.                
  11.         })

Pero lo que no consigo es pasar a la función dos identificadores. Si por ejemplo pulso "Juego de mesa" me tiene que mostrar el menú juego de mesa y la descripción 2 con sus correspondientes efectos. Y si pulso sandwichera ha de mostrarme el menú sandwichera y la descripción 1.

Tal y como he puesto el código y las etiquetas funcionan pero sin mostrar las descripciones. Por eso se me ocurrió añadir al href dos identificadores, el de menusand y el de su correspondiente descripción, la 1: href="#menusand",#descripción1". pero asi no funciona. La variable a la que asigno el attr("href") cogería dos identificadores y encima debería hacer un efecto diferente a cada uno...

Espero haberme explicado.

Por cierto, soy aficionado. Así que lo siento si algo resulta demasiado elemental.

Última edición por AjarDeNauer; 11/05/2014 a las 14:45