Resize Div

by dheerajrajoriya

HTML

<input id="button" type="button" value="expand" />
<br />
<div style="width: 1000px; height: 30px; border: 1px solid #000;">
    <div id="slider" style="width: 20%; height: 100%; border: 1px solid #FF0000; background-color: #FF0000"></div>
</div>

JavaScript

$(document).ready(function() {
    $("#button").click(function() {
        $("#slider").animate({
            width: '-=100px'
        }, 1000);
    });
                           
});