jQuery - анимация отдельного блока

[D-Snaker]

День добрый, форумчане!

По незнанию столкнулся с проблемой - допустим есть на сайте див (с классом .form) с абсолютным позиционированием, при клике - выезжает в центр экрана, изменяя размеры. Само собой, есть кнопка "отмена" (.cancel), по нажатию которой див должен плавно вернуться на первоначальное место.

        $('.form').click(
        function()
        { $(this).animate({width: 700, height: 560, left: +250, top: +50}, 500); });
        
        $('.cancel').click(
        function()
        { $(this).parent().animate({width: 300, height: 500, left: 0, top: 0}, 500);  })

Выезжает в центр он нормально, а вот с отменой - чушь получается, див отползает на нужное место (исходное), после чего вновь возвращается в центр экрана, как будто бы я на него нажимал мышкой.

Где-то читал по поводу того что нужно менять класс у дива по клику, но в итоге только запутался.

Помогите разобраться, хочется понять, что же ему нужно наконец

[Naive]

.cancel находится внутри .form, сперва отрабатывает событие клик на "отмене", затем на всех родительских элементах. Попробуй сделать так:

$('.cancel').click(
        function()
        { $(this).parent().animate({width: 300, height: 500, left: 0, top: 0}, 500);  
           return false;
})

[D-Snaker]

Благодарю Naive, банальный return false действительно решил проблему
Спасибо!