title: Toggle of header-bar
body: <p>I have problem with my website, I want to do toggle exactly like this example:</p>
  
  <pre><code>http://www.templatemonster.com/demo/36298.html
  </code></pre>
  
  <p>I have top bar (width 50px) include arrow toggle and in the rest of page I have iframe of website.</p>
  
  <p>All I want to do is toggle animated effect - move top bar from absolute top 0 to absolute top -50 to hide and in the same time i want to change iframe height from 100%-50px to 100%.</p>
  
  <p>I did this script and it works perfectly to hide top bar but not to show it again to default values.</p>
  
  <p><a href="http://jsfiddle.net/2WMtX/" rel="nofollow">http://jsfiddle.net/2WMtX/</a></p>
  
  <p>Can you help me out? Thanks</p>