jquery animate - dead simple

Question

All I want to do is on .click() is .animate #slip, essentially Im changing the css at the moment from top: 10px to top: 0px

Instead of it being quite clunky i'd like to animate the movement on the change of CSS.

Currently use .toggleClass to achieve this:

    $("#div1").click(function() {
        $("#div2t").toggleClass('min');
    });

Answer 1

If I understood you correctly:

#CSS:
.animate #slip {
    top: 10px;
}

#JS
$("element").click(function() {
    $(".animate #slip").animate({ top: 0 });
});

Answer 2

You can animate like this:

$(selector).click(function() {
  $("#slip").animate({ top: 0; });
});

Unless you need the .animate container, leave it off...the ID selector is, well, as fast as it gets :)

If you wanted the click to animate it back every other click as well, use .toggle() like this:

$(selector).toggle(function() {
  $("#slip").animate({ top: 0; });
}, function() {
  $("#slip").animate({ top: 10; });
});

Answer 3

$("#div1").click(function(){
$("#div2t").animate({"top":"0px"},"slow");
);

Where slow is the speed , you can put it fast or time in milliseconds without ""