How to slidetoggle div by setting visibility property to hidden?
<p>I have this element:</p>

<pre><code>&lt;div id="propertiesArea"&gt;&lt;div id="closeProperties"&gt;&lt;/div&gt;some content&lt;/div&gt; 
</code></pre>

<p>I need to slidetoggle it using JQuery by set CSS  visibility property to hidden.
 Here what I try:</p>

<pre><code>$('#closeProperties').click( function(){    
        $('#propertiesArea').toggle('slide');        
    });
</code></pre>

<p>But it's not works. Any idea how can I slidetogglethe element by set visibility property to hidden?  </p>