Slide Up/Down with jQuery
<p>I need to slide up/down or just show and hide div but it's not working. My code:</p>

<pre><code>&lt;div class="facilities"&gt;
            &lt;div id="facheader"&gt;
                &lt;div class="facheadname"&gt;
                    Facilities
                &lt;/div&gt;
                &lt;div class="facheaderbutton"&gt;
                    &amp;#9651;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div id="factable"&gt;
                &lt;table border="0"&gt;
                         &lt;tr&gt;&lt;div class="factableheader"&gt;
                         &lt;th&gt;Name&lt;/th&gt;&lt;th&gt;City&lt;/th&gt;&lt;th&gt;Country&lt;/th&gt;&lt;th&gt;Compliance Certification&lt;/th&gt;&lt;th&gt;Audit History&lt;/th&gt;&lt;th&gt;Date&lt;/th&gt;&lt;th&gt;Remediation History&lt;/th&gt;&lt;th&gt;Date&lt;/th&gt;&lt;/div&gt;
                         &lt;/tr&gt;
                         &lt;tr&gt;
                         &lt;td&gt;Kowloon&lt;/td&gt;&lt;td&gt;Hong Kong&lt;/td&gt;&lt;td&gt;Hong Kong&lt;/td&gt;&lt;td&gt;cGMP-FDA&lt;/td&gt;&lt;td&gt;Compliant cGMP-SeerPharma&lt;/td&gt;&lt;td&gt;12/12/10&lt;/td&gt;&lt;td&gt;Clean room staff training – IRB-C&lt;/td&gt;&lt;td&gt;01/03/05&lt;/td&gt;
                         &lt;/tr&gt;
                 &lt;/table&gt;
            &lt;/div&gt;
        &lt;/div&gt;
</code></pre>

<p>I tried code - it's hiding content but not showing when pressed again:</p>

<pre><code>$('#facheader').click(function(){
            if ($('#factable').is(':hidden')){
                $('#factable').show();}
            else{
                $('.contclickedinfo').hide();
            }
            return false;
        });



        $('#factable').click(function(e) {
            e.stopPropagation();
        });
        $(document).click(function() {
            $('#factable').hide();
        });
</code></pre>

<p>I also tried these but they are not working at all:</p>

<pre><code>$(document).ready(function(){
    $('#facheader').click(function(){
        $('#factable').slideUp(), function(){
        $('#factable').slideDown();
    });
});
</code></pre>

<p>and</p>

<pre><code>$('#facheader').toggle(function(){ 

        $('#factable').slideUp(800);  // Text slides up 
        }, function(){ 

        $('#factable').slideDown(800); // Text slides down
    }); 
</code></pre>
