Metode slideToggle dalam jQuery
Metode berikutnya -
slideToggle
bekerja sebagai berikut: jika elemen disembunyikan - tampilkan
elemen tersebut, dan jika ditampilkan - sembunyikan. Kemudahan
metode ini terletak pada kenyataan bahwa semua ini dapat ditempatkan
pada satu tombol, bukan dua, seperti yang dilakukan dalam
pelajaran sebelumnya.
Mari kita lihat contoh berikut. Misalkan kode HTML kita terlihat seperti ini:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Juga terdapat CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Sekarang mari tulis kodenya, sehingga dengan mengklik satu tombol, elemennya akan disembunyikan dan ditampilkan secara bergantian:
$('#toggle').click(function() {
$('#elem').slideToggle(1000);
});
