Question

I’m relatively new to js and I’m trying to implement a simple .animate() feature in my portfolio. As you can see here, with the code I wrote the div called ribbon slides down perfectly, but it seems to ignore the “else” part of the script.

I know I’m probably doing a dumb mistake, but I can’t seem to be able to work out anything better at the moment!

Sorry for my bad english, sucks to be Italian.

Answer 1

Just taking what you had, simply put the if inside the click event.

http://jsfiddle.net/Rkqge/12/

$(document).ready(function() {
  $('#toggle').click(function() {
    if ($('#ribbon').css("margin-top") == "-300px") {
        $('#ribbon').animate({
            marginTop: "0px"
        }, 1700);
    } else {
        $('#ribbon').animate({
            marginTop: "-300px"
        }, 1700);
    }
 });
});