Fungsi .slideDown() dalam jQuery

.slideDown()

Digunakan untuk membuat elemen bergerak meluncur ke bawah.

Syntax:

$(‘selector’).slideDown()

Keterangan:

  • selector digunakan untuk memilih elemen yang akan dikenakan efek slideDown

Contoh:

Buatlah satu file HTML bernama slideDown.html dengan isi seperti dibawah ini:

<html>
<head>
<script type=”text/javascript” src=”jquery-1.5.2.js”></script>
<script type=”text/javascript”>

$(document).ready(function(){
$(“.tekan”).click(function(){
$(“p”).hide().slideDown();
});
});

</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class=”tekan”>Slide down</button>
</body>
</html>

Keterangan:

  • $(“.tekan”).click(function(), kode ini berarti saat elemen yang mempunyai class=’tekan’ itu diklik.
  • $(“p”).hide().slideDown(), kode ini berarti kita membuat paragraph HTML disembunyikan lalu ditampilkan kembali dengan efek slideDown.

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *