Как сделать эту анимацию jQuery обратной / переключать / воспроизводить назад при втором нажатии?

Question

прямо сейчас у меня есть это

<script type='text/javascript'>

        $("#beau").click(function(){
        $("#beau").animate({"margin-Top": "738px"}, "fast");
        });

        </script>

, и он отлично работает, чтобы сбросить div, изменив «margin-Top», но я хочу, чтобы, когда пользователь щелкает его снова, он возвращаетсядо "margin-Top" 700px и повторять это снова и снова.я думаю, что это довольно просто, но я делаю jQuery только около 5 дней :) так что, черт возьми, если я знаю.но если вы понимаете мой вопрос, спасибо за ответы:).

Answer 1

Вы можете использовать .toggle():

$("#beau").toggle(function(){
    $(this).stop().animate({marginTop: 738}, "fast");
}, function() {
    $(this).stop().animate({marginTop: 700}, "fast");
});

Я добавил stop() только для того, чтобы убедиться, что он не прерывает цикл анимации, если вы нажимаете быстро много раз.