Анимированная ширина слева направо

Question

Я пытаюсь найти способ анимировать div с помощью jQuery, чтобы уменьшить ширину слева направо.

Сначала у меня элемент при нажатии:

• скользить слева направо
• затем продолжайте движение вправо от моего div, как будто оно просто движется со страницы, заходит и снова щелкает У меня есть функция переключения и она работает нормально, но я не уверен, как заставить ее двигаться со страницы.

Есть идеи?

Answer 1

Уменьшите его справа налево (как вы знаете, как это сделать), но одновременно увеличьте стиль левой позиции или левое поле.

Что-то вроде:

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

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

Answer 2

вам нужно установить свойство margin. Но вы также захотите расположить его абсолютно, если есть какие-либо элементы по обе стороны от него.