jQuery Forum

Your test is only performed once when the document is loaded. You should use the toggle function to swap between the two actions:

1. $(function() { // Shorthand for $(document).ready(function() {
2.       $('#toggle').toggle(function() {
3.                   $('#ribbon').animate({marginTop: '0px'}, 1700);
4.             }, function() {
5.                   $('#ribbon').animate({marginTop: '-300px'}, 1700);
6.             });
7. });