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

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; });
});