Untitled

<html>
 <head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("img").click(function(){
 if ( $('#divbio').slideToggle('visibility') == 'hidden' )
      $('#divbio').slideToggle('visibility','visible');
  else
  $('#divbio').slideToggle('visibility','hidden');
  });

  $("#divbio").slideToggle(500);
 });
});
</script>
</head>
<body>
<image onclick="Toggle slideUp() and slideDown();"><img src="images/image.gif" width="64" height="39" border="0" /></image>
<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;">

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("img").click(function(){
  $("#divbio").slideToggle(500);
 });
});
</script>
</head>
<body>
<image onclick="Toggle slideUp() and slideDown();"><img src="images/images.gif" width="64" height="39" border="0" /></image>
<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;">
  <p>CONTENT</p>
</div>


</body>
</html>

$(document).ready(function(){
    $("img").click(function(){
        $('#divbio').slideToggle();
    });
});