Demo of slideToggle Effects using JQuery

CSS

<style>
.msg{ 
position: relative;
FONT-SIZE: 12px;
font-family: Verdana;
padding:10px;
width:350px;
background-color: #f1f1f1;
}
</style>

HTML

<input type=button id=b1 value='slideToggle'> 
  <div id=d1 class='msg'>slideUp or slideDown this layer by using buttons</div>

jquery

<script>
$(document).ready(function() {
$('#b1').click(function(){
$('#d1').slideToggle();
})
})
</script>