Cara Menampilkan Slide Menggunakan jQuery

Author : Sigit Purnomo | Released : June 11, 2014 | Category :

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.

Google+

Linkedin

Silahkan berkomentar sesuai topik yang dibahas