Slide two divs simultaneously

Question

I\'m trying to have two sections in the same page, a login-section and an app-section.

The idea is onLoginSubmit() to slide out to the left the login-section and sli

Answer 1

HTML

JS

$(document).ready(function() {

$('#login-section').toggle("slide", { direction: "left" }, 500);
$('#app-section').toggle("slide", { direction: "right" }, 500);

})

CSS

#login-section {
        background: red;
        //padding: 20px; 
        width: 100%;
        height: 100%; 
        left : 0;
        top : 0;
        position : absolute;
    }

    #app-section {
        background: blue;
        //padding: 20px; 
        width: 100%;
        height: 100%; 
        right:0;
        top : 0;
    }

Please check this Fiddle