title: Show a hidden element and then animate it
body: <p>How can I make the hidden <code>form</code> animate from right to left, after the class <code>.button</code> is hidden. I can make something like that, but I cannot synchronize their animations. <br>
  When the <code>button</code> is clicked, it goes to the right by some pixels and then is hidden, and before it gets hidden, I want the <code>form</code> to animate.</p>
  
  <p>How can I create same effect like the form was inside <code>.button</code> class, and appears from there?</p>
  
  <p>Any help very appreciated!</p>
  
  <p>Here is the fiddle: <a href="https://jsfiddle.net/w6cug6Lr/23/" rel="nofollow">fiddle link</a></p>