JS effect slip div and appear other

Question

Next I have a home where the user will come across a field to login or a button to register. By clicking the Register button I would like this current content to disappear from the screen by sliding to the left and the next card (step) of registered appeared sliding from the right and stopping in the middle.

Someone has some link with examples preferably with GSAP or some other plugin. I just need some reference to adapt to my project.

Thank you.

Answer 1

Hello, I believe it’s something like that...

<script>
$(document).ready(function() {
    $("#btn-cadastrar").click(function() {
        $('#div-login').hide('slide', {direction: 'left'}, 1000);
        $('#div-cadastro').show('slide', {direction: 'right'}, 1000);
    });
});
</script>