title: jQuery Slide-panel with Mouse-out and Off-click
body: <p>I'm trying to make a simple jQuery panel slider and have it basically where I want it minus two features. You can see a version of it at: <a href="http://jsfiddle.net/7WArj/" rel="nofollow">http://jsfiddle.net/7WArj/</a></p>
  
  <p>Currently the panel slides down over content and closes when the close button is clicked. The button changes because I want the image that will eventually be the button to point up when open and down when closed.</p>
  
  <p>I would love to add the functionality that when you are no longer hovering over the panel, it times out and slides back up after x seconds.</p>
  
  <p>I would also love to add the functionality that if you click anywhere off the slide-panel it will also trigger the panel sliding up.</p>
  
  <p>I attempted some of this with <code>.toggle()</code> and <code>.bind</code> but was unable to make it work properly. The menu would randomly slide up and down, etc.</p>
  
  <p>If there is a better way to write my code, as well, it would be much appreciated.</p>