title: jquery toggle slide animation to pure javascript animation
body: <p>See here
  <a href="https://jsfiddle.net/97Lahmoh/" rel="nofollow noreferrer">https://jsfiddle.net/97Lahmoh/</a> OR <a href="http://www.w3schools.com/code/tryit.asp?filename=FB8TE2KSHGZ5" rel="nofollow noreferrer">http://www.w3schools.com/code/tryit.asp?filename=FB8TE2KSHGZ5</a></p>
  
  <p>basically I want to use jquery ui toggle slide animation without any jquery and plugins.
  this is jquery code which does the work.</p>
  
  <pre><code>$( "#effect" ).toggle("slide", {direction: "left"}, 500);
  </code></pre>
  
  <p>how to use it on pure javascript code? I'm not good at animations.</p>