Перемещение элемента

Рейтинг: 4Ответов: 1Опубликовано: 24.03.2015

К примеру, есть такой код:

$(document).ready(function(){
$(".phone-keys").click(function(){
    $(this).css('position', 'relative');
    $(this).animate({'left':'-200px'}, 2000);
});

Он просто по клику на элемент передвигает его влево на 200px. Подскажите, как сделать так, чтобы он по повторному клику возвращался обратно или по клику вне этого элемента?!

Заранее спасибо.

Ответы

▲ 4Принят
$(document).ready(function(){
$('*').on('click', function(){
    $('.moved').animate({'left':'0'}, 2000, function(){
        $(this).removeClass('moved');
    });
});
$(".phone-keys").not('.moved').on('click', function(){
    $(this).css('position', 'relative').animate({'left':'-200px'}, 2000, function(){
        $(this).addClass('moved');
    });
});

});

Вот