Converting this notification message that can be just collapsed into one that can be collapsed and expanded
<p>I'm using the following jQuery code to show a notification at the top the page with a sliding animation:</p>

<pre><code>// Notification
$j("#notification").animate({
    height: "21px",
    opacity: 1,
    'padding-top': "8px"
}, 800 );

$j("#close-button").click( function() {
    $j("#notification").animate({
      height: "0px",
      opacity: 0,
      'padding-top': "0px"
    }, 800 );
});
</code></pre>

<p>Live example:</p>

<p><a href="http://www.taiwantalk.org/" rel="nofollow">http://www.taiwantalk.org/</a></p>

<p>Right now, you can just collapse the notification. But I would like to add a button that enables you to expand it and collapse it.</p>

<p>How to do that?</p>
