Hinzufügen onclick Ereignis zu img ID

Question

Ich möchte eine img wo die onclick versteckt eine andere img ID und zeigt eine andere. Dies ist der Code, den ich gemacht:

document.getElementById("poluzoom").addEventListener("click", changeimg); 
 

 
function changeimg() { 
 
    document.getElementById("poluzoom").style.visibility = "visible"; 
 
    document.getElementById("readypol").style.visibility = "hidden"; 
 
    document.getElementById("textpolu").style.visibility = "hidden"; 
 
}

<div id="fabricas"> 
 
    <img id="poluzoom" src="fabrica/fabricas.gif" alt="Mundo Zoom"> 
 
    <img id="readypol" src="poluicao/offbuton.png" alt="but1"> 
 
</div>

Wenn ich mouseover verwenden, die Funktion funktioniert, aber mit onclick nicht. Was mache ich falsch?

Answer 1

Eine weitere Option ist Jquery verwenden toggle() siehe Beispiel http://jsfiddle.net/M9QBb/434/

<div id="fabricas"> 
    <img id="poluzoom" src="http://lorempixel.com/400/200/" alt="Mundo Zoom"> 
    <img id="readypol" src="http://lorempixel.com/400/200/sports/" alt="but1" style="display: none"> 
</div> 

JQuery

$("#fabricas").click(function() { 
    $(this).find('img').toggle(); 
});