jQuery Slide Panel

Next post :D mungkin tutorial ini sudah lama ya  /ingusan mungkin malah bagi kalian master2 sudah basi lah bahasa halusnya  /berguling Langsung saja tutorialnya :)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
  $("#flipx").click(function(){
    $("#panelx").slideToggle("slow");
  });
});
</script> 

Letakkan jQuery diatas code </body>

#panelx,#flipx {
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panelx {
padding:50px;
display:none;
} 

Letakkan Css diatas code </b:skin>

<div id="flipx">Click to slide the panel down or up</div>
<div id="panelx">Hello world!</div> 

HTML bisa diedit semaumu :p

Sudahan yaa :D semoga bermanfaat .. Kalo ingin nyoba alat dari w3school klik Coba Alat dibawah :D

Coba Alat