Pada tutorial kali ini anda akan belajar bagaimana cara menggunakan effect slideup() dan slidedown() pada jquery .
Hallo semuanya kembali lagi di artikel saya , oke kali ini saya masih membahas tema yang sama yaitu tentang atrribute yang ada di jquery. Sekarang saya akan membahas sebuah atrribute yang bernama slideUP dan slide Down.
Fungsi dari slideup itu sendiri adalah memberikan effect sliding, seperti apa sih maksudnya effect sliding ? bagi anda yang pernah lihat sebuah slider pada sebuah website pasti sudah tau maksud dari effect sliding yang saya maksud hehhe, jadi sederhananya memberikan effect berganti atau menghiilang ke atas. saya juga agak binggung mendeskripsikannya , sebaiknya kita liat langsung 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 selanjutnya silahkan di jalankan pada browsernya masing-masing dan lihat hasilnya .
untuk fungsi dari slideDown() itu sendiri hanya kebalikan dari effect slideUp(), oke itu saja untuk kali ini tentang
cara menggunakan effect slideup() dan slidedown() pada jquery . Sampai bertemu pada artikel selanjutn