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

hi


there


click to toggle

CSS

#login-section {
background-color: green;
}

#app-section {
  background-color: blue;
  display: none;
}

#login-section, #app-section {
  position: absolute;
  width: 100%;
  top: 0px;
}

#toggle-sections {
  position: relative;
  top: 50px;
}

JQuery

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

Demo fiddle https://jsfiddle.net/6cndzc6j/