<div id='slide1' style='width:200px;height:100px;border:1px solid black;background:#DDDDDD'>
<div id='slider1' style='color:white;font-family:arial;padding-top:5px;width:auto;height:25px;background:#000;text-align:left;padding-left:10px'>
<b>SLIDE</b></div>
SLIDE DOWN / UP
</div>

<script>
$("#slider1").animate( { opacity: 0.40 })
$("#slide1").mouseover(function(){
$("#slider1").slideUp();
});
$("#slide1").mouseout(function(){
$("#slider1").slideDown("slow");
});