Playground JQuery .animate()

by Taufik Nurrohman

HTML

<button>Klak klik!</button><br><br>
<div></div>

CSS

div {
    width:100px;
    height:100px;
    background-color:black;
}

JavaScript

$(function() {
    $('button').toggle(function() {
        $('div').animate({width:400}, "slow");
    }, function() {
        $('div').animate({width:100}, "slow"); // `100` diambil dari dari ukuran awal
    });
});