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 Javascript
:
Ver originalfunction cambiar(){
[].forEach.call(document.querySelectorAll("#MR, #MM, #MC"), function(elemento){
elemento.style.opacity = 0.6;
});
[].forEach.call(document.querySelectorAll("#CMA, #CMR, #CMM"), function(elemento){
elemento.style.display = "none";
});
document.querySelector("#CMC").style.display = "block";
}