Cara Menampilkan Slide Menggunakan jQuery


Lihat selengkapnya . .
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#admiNkangsigit").click(function(){
    $("#http").slideDown("slow");
  });
});
</script>
<style>
#http,#admiNkangsigit
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#http
{
padding:50px;
display:none;
}
</style>
<div id="admiNkangsigit">Lihat selengkapnya . .</div>
<div id="http">Letak objek Anda Disini</div>

Mungkin sebelumnya Anda sudah pernah mendengar atau menggunakan javascript show hidden objek. Namun kali ini saya akan membagikan tutorial membuat slide yang pada dasarnya hampir sama dengan show hidden. Bedanya disini Anda hanya bisa menampilkan saja tanpa dapat menyembunyikannya kembali. Namun, pada versi terbaru sudah saya update Show Hide menggunakan jQuery Toggle.
Sebagai contoh sekaligus kode yang bisa Anda gunakan untuk mempraktikkan tutorial ini, silahkan Anda klik Lihat selengkapnya pada paragraph pertama.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini