title: i want to change header position static to fixed with smooth slide down effect
body: <pre><code>&gt;     when i scroll then header will animate with slide down effect and position changed to
  &gt;     fixed else with slide up effect and change position to static back
  </code></pre>
  
  <ol>
  <li><p>First problem is after slide up div goes hide i want to  show div where it
  is after slide up</p></li>
  <li><p>Second problem is slide down not working properly </p></li>
  </ol>
  
  <p><a href="http://jsfiddle.net/trvfhyq7/2/" rel="nofollow">js Fiddle</a></p>