title: hide show div using Jquery ( reversal needed )
body: <p>Please check out the fiddle:</p>
  
  <p><a href="http://jsfiddle.net/de4FE/3/" rel="nofollow">LINK HERE</a></p>
  
  <p>I would like to hide the DIV on page load, and use the ascii charater for up and down arrow on the LINK, so that onclick the div slides down . Works fine but I want the reverse functionality, so that it is hidden on page load. Have tried changing visibility to hidden, didnt work lol</p>
  
  <p>Like:</p>
  
  <p>Show &#x25BC;</p>
  
  <p>and</p>
  
  <p>Hide &#x25B2;</p>