Question

I have a button inside a div whose width is 300px. When the button is clicked, I’d like the button move to the left side of the div and get disappeared in 1 second.

How would that be possible with JQUery?

Thanks,

Answer 1

It probably depends on how the original position is assigned, but I think the following should work:

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

JS Fiddle.

To fade out, and remove, the button:

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

JS Fiddle.