Cara Membuat Slide Show Menggunakan jQuery Effects Toggle

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(){
  $("#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.

Google+

Linkedin

Silahkan berkomentar sesuai topik yang dibahas