title: Hide a DIV after 5 seconds or when the user clicks the close link
body: <p>For reference, please see the jsFiddle link <a href="http://jsfiddle.net/WillCode4Cash/xSRk8/2/" rel="nofollow">here</a>.  Here's a short script that displays a stackoverflow-style popup message.  What I want to do is give the user the option of either letting the message go away on it's own after 5 seconds or to dismiss the message by clicking the 'X' on the right side of the message dialog.</p>
  
  <p>I've tried to add a delay:</p>
  
  <pre><code>$("#message").fadeIn('slow').delay(5000).queue(function() {
      $('#message').fadeOut('slow');
  });
  </code></pre>
  
  <p>Which will work, but then the onClick event on the 'X' link to close the message dialog won't fire.</p>
  
  <p>Any help would be greatly appreciated.</p>