Ver Mensaje Individual
  #11 (permalink)  
Antiguo 23/03/2015, 21:12
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 6 meses
Puntos: 977
Respuesta: Asignar Mismo Atributo a Varios Elementos con un Click

De la forma en la que te indiqué, es como puedes hacer lo que buscas. Para que surta efecto, colócalo entre etiquetas <script></script> justo antes de la etiqueta </body>. Si no funciona, vuelves y nos muestras el código actualizado.

Saludos

EDITO: Para que se aplique cuando pulses el <li> de id 'MC', haz esto:

Código HTML:
Ver original
  1. <li id="MC" onclick="cambiar()">TEXTO</li>

Código Javascript:
Ver original
  1. function cambiar(){
  2.     [].forEach.call(document.querySelectorAll("#MR, #MM, #MC"), function(elemento){
  3.         elemento.style.opacity = 0.6;
  4.     });
  5.  
  6.     [].forEach.call(document.querySelectorAll("#CMA, #CMR, #CMM"), function(elemento){
  7.         elemento.style.display = "none";
  8.     });
  9.  
  10.     document.querySelector("#CMC").style.display = "block";
  11. }
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 23/03/2015 a las 21:32 Razón: Extensión de la solución