如何使用JQuery將按鈕移動到左側？

Question

我有一個div內的寬度爲300px的按鈕。點擊按鈕時，我想讓按鈕移動到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

嘗試淡出（）與動畫的結合（）

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