Cuando se hace clic en la imagen, quiero que cambie a otra imagen y que se coloque en la parte superior
Después de hacer clic y aparece la imagen 2, regresa a la imagen 1 y se empuja hacia abajo.
este es mi codigo hasta ahora
function marioAnimation() { var i = true; var image = document.getElementById("mario1"); if (i) { document.getElementById("mario1").src = "/mario2.png"; image.style.marginTop = '10px'; var x = false; } else { document.getElementById("mario1").src = "/mario1.png"; } } <section id="section1"> <div class="container"> <img class="image" src="/mario1.png" alt="" id="mario1" onclick="marioAnimation()" style="margin-top: 50px;"> </div> </section>