從左到右動畫寬度

Question

我試圖找到一種方法來使用jQuery的div動畫以將寬度從左向右縮小。

我首先要點擊一下元素：

• 從左向右滑入
• 然后讓它繼續在我的div右邊繼續前進，就像它一直在離開頁面一樣，進入並再次單擊退出。 我具有切換功能並且可以正常工作，但是我不確定如何使它保持離開頁面的狀態。

有任何想法嗎？

Answer 1

將其從右向左縮小（如您所知），但同時增加左位置樣式或左邊界。

就像是：

var distance = $("div").css("width");

$("div").animate({
"width": "0",
"marginLeft": distance
});

Answer 2

您需要設置margin屬性。 但是，如果它的兩側都有任何元素，則也要絕對定位它。