Membuat Teks Muncul Dan Hilang Jika Klik Button - Jquery

Kamvretos - Jquery adalah libary dari bahasa pemograman javascript. Jquery juga bisa disebut anak dari javascript. Sampai saat ini Jquery adalah library yang paling banyak digunakan karena keanekaragaman fiturnya. Salah satunya yang akan saya bagikan di artikel ini.

Bagaimana membuatnya?

Sebenarnya fitur ini dapat juga dibuat di javascript, namun lebih singkat pada jquery karena sudah ada. Karena menggunakan jquery, perlu diingat sobat harus sudah menambahkan jquery di blog sobat. Cara menambahkannya adalah dengan menaruh kode dibawah ini keatas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Perlu diingat, penerapan jquery hanya boleh ada satu. Jadi cek terlebih dahulu sebelum memasang karena akan merusak yang lainnya. Setelah memasang jquery, sobat tinggal copy code dibawah

<script type='text/javascript'>
function showorhide() {
          $('.kamvretos').toggle();
}
</script>
<input type='submit' id='submit' onClick='showorhide()' value='munculkan/hilangkan' />
<div class='kamvretos'>Saya adalah teks yang akan dimunculkan atau dihilangkan</div>

Scriptnya sangat mudah kan? Ya karena Jquery sudah menambahkan fitur toggle. Hasilnya akan seperti

Atau sobat bisa lihat demo langsung di BlogspotBlogspotz

Dengan ini juga sobat bisa kreasikan lebih banyak lagi. Apa yang dapat sobat kreasikan?