No result when animating styles in JQuery -

No result when animating styles in JQuery -

i'm using next code animate margin-top css style of div id of "div".

html:

<div id="div"> <p> lorem ipsum dolor sit down amet, consectetur adipiscing elit. </p> <button id="trigger"> alter margin </button> </div>

javascript (in head section):

<script type="text/javascript" src="scripts/jquery-1.11.0.min.js"></script> <script> $("trigger").mouseup(function() { $("div").animate({ margintop: "-20px" }); }); </script>

however, when click button, nil happens... why that?

jsfiddle: http://jsfiddle.net/zlx5u/

1)trigger id ,your missing '#' in jquery code. 2) wrap jquery code in document.ready.

$(document).ready(function(){ $("#trigger").mouseup(function() { $("div").animate({ margintop: "-20px" }); }); });

please see this fiddle.

jquery jquery-animate