Breaking News
Loading...
Rabu, 22 Mei 2013

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



10 komentar:

1.Jika ingin menyisipkan Gambar [img]URL Gambar[/img]
2.Jika ingin menyisipkan Video [youtube]URL Video[/youtube]
3.Jika ingin menyisipkan Kode [code]Kode Anda[/code]
4.Jika ingin menyisipkan kode html / css / jquery [pre]Kode Anda[/pre]
5.Jika ingin menyisipkan blockquote [blockquote]Kata-kata Anda[/blockquote]

Note : Berkomentar dengan baik :)
Live Link akan mendapatkan peringatan :D

 
Toggle Footer