$('#auth-login-button').click(function(){ $('#auth-login-button').fadeOut("slow",function(){ $("#auth-container_animation").fadeIn(); TweenMax.from("#auth-container_animation", .4, { scale: 0, ease:Sine.easeInOut}); TweenMax.to("#auth-container_animation", .4, { scale: 1, ease:Sine.easeInOut}); }); }); const signUpButton = document.getElementById('auth-signUp'); const signInButton = document.getElementById('auth-signIn'); const container = document.getElementById('auth-container'); signUpButton.addEventListener('click', () => { container.classList.add("auth-right-panel-active"); }); signInButton.addEventListener('click', () => { container.classList.remove("auth-right-panel-active"); });
function getOuterHTML (el) { if (el.outerHTML) { return el.outerHTML } else { var container = document.createElement('div'); container.appendChild(el.cloneNode(true)); return container.innerHTML } }