Sliding up DIV container
<p>How to make a sliding up horizontal DIV container using jquery? So far I have the below-provided code. The problem is that the content of <code>&lt;h1 id="filter_content"&gt;Content&lt;/h1&gt;</code> is initially not hidden. Also I've seen very nice looking sliding up menus, something like the first screenshot <a href="http://www.zabbix.com/screenshots.php" rel="nofollow">here</a>. So, when user clicks on +, the content slides up. Where can I actually find a sample code or some example?</p>

<pre><code>&lt;div id="filter"&gt;
  &lt;h1&gt;Filter&lt;/h1&gt;&lt;br&gt;
&lt;/div&gt;
&lt;h1 id="filter_content"&gt;Content&lt;/h1&gt;

&lt;script&gt;
$('#filter').click(function() {
    if ($("#filter").is(":hidden")) {
          $("#filter_content").show("slow");
        } else {
          $("#filter_content").slideUp("slow");
        }
    });
&lt;/script&gt;
</code></pre>
