Cara Menggunakan Effect SlideUp() Dan SlideDown() Pada Jquery
Di panduan kali ini kamu akan belajar bagaimana cara menggunakan effect slideup() dan slidedown() di jquery .
Hallo semuanya kembali lagi di artikel saya , oke kali ini saya masih membahas tema yang sama yaitu mengenai atrribute yang terdapat di jquery. Sekarang ini saya akan membahas sebuah atrribute yang bernama slideUP dan slide Down.
Guna dari slideup itu sendiri ialah memberikan effect sliding, seperti apa sih maksudnya effect sliding ? untuk kamu yang pernah lihat sebuah slider di sebuah blog pasti telah tau maksud dari effect sliding yang saya maksud hehhe, jadi sederhananya memberikan effect berganti atau menghiilang ke atas. saya pun agak binggung mendeskripsikannya , sebaiknya kita liat seketika saja
salin code di bawah ini :
<html>
<head>
<title></title>
<script type=text/javascript src=https://code.jquery.com/jquery-3.1.1.min.js></script>
<script>
$(function run(){
$('div').slideUp(1000);
$('div').slideDown(1000,run);
});
</script>
</head>
<body>
<div>
<p>Ini Tulisan</p>
<p>bakalan</p>
<p>naik</p>
<p>dan</p>
<p>turun</p>
</div>
</body>
</html>
Setelah di salin berikutnya silahkan di jalankan di browsernya masing-masing dan lihat hasilnya .
bagi guna dari slideDown() itu sendiri hanya kebalikan dari effect slideUp(), oke itu saja bagi kali ini mengenai
cara menggunakan effect slideup() dan slidedown() di jquery . Hingga bertemu di artikel selanjutn
Sumber https://kursuswebsite.org