Как переместить кнопку влево с помощью JQuery?

Question

У меня есть кнопка внутри div, ширина которого составляет 300 пикселей.Когда кнопка нажата, я бы хотел, чтобы кнопка переместилась в левую сторону от div и исчезла через 1 секунду.

Как это возможно с JQUery?

Спасибо,

Answer 1

Возможно, это зависит от того, как назначена исходная позиция, но я думаю, что должно работать следующее:

$('button').click(
    function(){
        $(this).animate(
            {
                'margin-left' : '-=200px'
            },1000);
        });

JS Fiddle .

Чтобы исчезнуть и убрать кнопку:

$('button').click(
    function(){
        $(this).animate(
            {
                'margin-left' : '-=200px',
                'opacity' : 0
            },1000,
            function(){
                $(this).remove();
            });
        });

JS Fiddle .

Answer 2

попробуйте fadeOut () с комбинацией animate ()

$("#element").animate({
   left: 0
}, 1000, function(){
    $("#element").fadeOut();
});