<style>
.msg{
position: relative;
FONT-SIZE: 12px;
font-family: Verdana;
padding:10px;
width:350px;
background-color: #f1f1f1;
}
</style>
<input type=button id=b1 value='Show'><input type=button id=b2 value='Hide'>
<br><br>
<div id=d1 class='msg'>Hide this layer by using buttons</div>
<script>
$(document).ready(function() {
///// Slide Up ///
$('#b1').click(function(){
$('#d1').slideUp();
})
//////Slide Down ////////
$('#b2').click(function(){
$('#d1').slideDown();
})
////////////////
})
</script>