SHOW/HIDE dengan JQUERY

sekedar catatan menggunakan fasilitas SHOW dan HIDE nya JQUERY, tujuannya ingin supaya begitu halaman dibuka posisinya udah tersembunyi. User tinggal mengklik tanda untuk SHOW contentnya, diutak-atik maklum orang gaptek akhirnya ketemu. Pada bagian <head> dan </head> silahkan masukkan code dibawah ini:

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script&gt;
<script>
$(document).ready(function(){
$(“.visi”).hide();
$(“.tembong”).click(function(){
$(“.visi”).show(“slow”);
});
$(“.nyumput”).click(function(){
$(“.visi”).hide(“slow”);
});
});
</script>

setelah script tersebut ditulis, pada bagian body silahkan buat seperti ini:

<button class=”tembong”>+</button>
<button class=”nyumput”>-</button>

<div class=”visi”>

 

isi dengan content yang mau ditulis

 

</div>

insya allah jadi, mudah-mudahan bermanfaat.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s