title: Toggle slide div from hidden state
body: <p>From hidden state it doesn't work the If and else not working, what am I missing
  I want the div layer #divbio to be hidden and then slide when clicked</p>
  
  <pre><code> &lt;html&gt;
   &lt;head&gt;
   &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
   $("img").click(function(){
   if ( $('#divbio').slideToggle('visibility') == 'hidden' )
        $('#divbio').slideToggle('visibility','visible');
    else
    $('#divbio').slideToggle('visibility','hidden');
    });
  
    $("#divbio").slideToggle(500);
   });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;image onclick="Toggle slideUp() and slideDown();"&gt;&lt;img src="images/image.gif" width="64" height="39" border="0" /&gt;&lt;/image&gt; 
  &lt;div id="divbio" style="position:absolute; left:35px; top:119px; width:629px; height:792px; z-index:17; background-color: #000000; layer-background-color: #000000; border: 1px none #000000; background-image: url(Back.jpg); layer-background-image: url(Back.jpg); visibility: hidden;"&gt; 
  </code></pre>
  
  <hr>
  
  <p>This works but is visible from load</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
  &lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
   $("img").click(function(){
    $("#divbio").slideToggle(500);
   });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;image onclick="Toggle slideUp() and slideDown();"&gt;&lt;img src="images/images.gif" width="64" height="39" border="0" /&gt;&lt;/image&gt; 
  &lt;div id="divbio" style="position:absolute; left:35px; top:119px; width:629px; height:792px; z-index:17; background-color: #000000; layer-background-color: #000000; border: 1px none #000000; background-image: url(Back.jpg); layer-background-image: url(Back.jpg); visibility: hidden;"&gt; 
    &lt;p&gt;CONTENT&lt;/p&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>