Kaedah slideUp dan slideDown dalam jQuery
Kaedah slideUp dan
slideDown
membolehkan "menggulung ke atas" dan "menggulung ke bawah"
elemen semula (mereka juga menerima masa pelaksanaan kesan
sebagai parameter, jika tidak dinyatakan
- masa lalai akan diambil, 400ms). Bagaimana
rupa nya - lihat pada contoh berikut.
Katakan kita mempunyai dua butang dan div:
<button id="hide">sembunyi</button>
<button id="show">tunjuk</button>
<div id="elem">teks...</div>
CSS kelihatan seperti ini:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Sekarang kita tulis kaedah slideUp dan
slideDown:
$('#hide').click(function() {
$('#elem').slideUp(1000);
});
$('#show').click(function() {
$('#elem').slideDown(1000);
});
