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.
URL

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