Tengo dos elementos y quiero que el elemento 1 desaparezca y aparezca el elemento 2. Después de lo cual, cuando se vuelve a hacer clic en el botón, el elemento 2 se aleja para revelar el elemento 1 usando CSS y/o Javascript.
Use contenido de muestra para estos, ya que no tengo una muestra de elemento Html para cargar. Gracias
Todo lo que tienes que hacer es crear una clase con un estilo de animación rodante con la ayuda de transform:translate(x, y) rotate(xdeg); y alterne la clase tanto en el elemento 1 como en el elemento 2 con la ayuda de Jquery en el evento de clic.
$('.button').click(function(){ $('.element1').toggleClass('roll-off'); $('.element2').toggleClass('roll-off'); });