我想要" CONTEUDO1"成为一个阶级,而不是一个id。他们没有工作。只有getElementById模式。
我该怎么做才能解决?
var switchText = document.getElementById("clickpin");
var elToggled = document.getElementsById("CONTEUDO1");
var imgPino = document.getElementById("pinoquadro");
var imgPinoX = document.getElementById("pinoquadrox");
elToggled.style.display = "none";
leToggled.style.display = "none";
ellToggled.style.display = "none";
switchText.addEventListener("click", function () {
if ((elToggled.style.display == "block")
{
elToggled.style.display = "none";
}
else {
elToggled.style.display = "block";
}
}, false);
imgPino.style.display = "block";
imgPinoX.style.display = "none";
switchText.addEventListener("click", function () {
if ((imgPino.style.display == "block") && (imgPinoX.style.display == "none")) {
imgPino.style.display = "none";
imgPinoX.style.display = "block";
} else {
imgPino.style.display = "block";
imgPinoX.style.display = "none";
}
}, false);
}

#CONTEUDO1 {
position: absolute;
top: -30px;
border: 20px solid white;
left: 323px;
padding:2px;
border-radius: 50px 50px 50px 0px;
line-height:20px;
background: grey;
color:#fff;
width: 1210px;
height: 570px;
z-index: 1;
}

<a href="#" class="scroll" id="clickpin" style="font-style: none; cursor: pointer;">
<img id="pinoquadro" src="http://yuritucci.com.br/wp-content/uploads/2015/10/pino1.png" style="width: 50px; display: block;">
<img id="pinoquadrox" src="http://yuritucci.com.br/wp-content/uploads/2015/10/pino2.png" style="display: none; width: 50px;"> </a>
<div id="CONTEUDO1" style="display: none;">
<h2 style="font-size: 33px;margin: 10px 0px 40px 10px;">
Animação / Trilha <b>"Pietro"</b> </h2>
<p style="font-size: 15px;width: 262px;text-align: center;margin: 0px 19px;">
Nosso exemplo de animação para eventos de aniversários infantis: o pai do Pietro não pensou duas vezes antes de responder "Carros!" quando perguntamos o que podia ter na telinha que chamaria a atenção de seu filho. E então que se realize! Um parabéns para o nosso campeão!
</p>
</div>
&#13;