Cara Membuat Slide Show Menggunakan jQuery Effects Toggle


Lihat selengkapnya . .
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#nduwur").click(function(){
    $("#ngesor").slideToggle("slow");
  });
});
</script>

<style>
#ngesor,#nduwur
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#ngesor
{
padding:50px;
display:none;
}
</style>

<div id="nduwur">Lihat selengkapnya . .</div>
<div id="ngesor">Objek Anda akan muncul disini</div>

Sebelumnya saya sudah share cara menampilkan objek menggunakan jQuery, namun setelah di tampilkan tidak dapat disembunyikan kembali. Untuk itu pada kesempatan kali ini saya akan mengulas kembali trik ini agar menjadi lebih sempurna.
Silahkan Anda klik Lihat Selengkapnya pada paragraph pertama untuk melihat demo sekaligus mendapatkan kode-kodenya.

Popular posts from this blog

Ramalan Jodoh dan Pasangan Hidup Menurut Tanggal Lahir

Cara Mudah Ambil Uang di ATM BRI (+gambar)

Cara Mengetahui Hari Kelahiran Weton Jawa - Online