Cara Membuat Animated Toggle dengan jQuery
Orang yang memendam perasaan seringkali terjebak oleh hatinya sendiri. Sibuk merangkai seluruh kejadian di sekitarnya bagi membenarkan hatinya berharap. Sibuk menghubungkan banyak hal agar hatinya senang menimbun mimpi. Sehingga suatu ketika dia tak tahu lagi mana simpul yang nyata dan mana simpul yang dusta. Oke di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Merancang Animated dengan jQuery.
Secara default, seluruh faktor HTML mempunyai posisi statis, dan tak dapat dipindahkan. Bagi memanipulasi posisi, ingat bagi pertama-tama mengatur properti posisi CSS faktor yang relatif, tetap, atau absolute. Oke seketika saja, berikut Cara Merancang Animated Toggle dengan jQuery.
Seperti lazimnya, siapkan file index.html nya.
Kemudian kita hubungkan file index.html kita dengan library jQuery.
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js></script>
Setelah itu, isi bagi bagian <body> tag-tag HTML berikut.
<p>Click the button multiple times to toggle the animation.</p>
<button>Start Animation</button>
<p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p>
<div style=background:#98bf21;height:100px;width:100px;position:absolute;></div>
Dan yang terakhir, isi bagi bagian Javascript nya.
<script>
$(document).ready(function(){
$(button).click(function(){
$(div).animate({
height: 'toggle'
});
});
});
</script>
Bagaimana teman-teman? Lumayan gampang bukan?
Demikianlah bagi panduan kali ini mengenai bagaimana Cara Merancang Animated Toggle dengan jQuery.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
