Как сделать эффект slideLeft?

Question

[Хабиб Омаров]

Знаю есть функции slideUp и slideDown. Но нужно сделать так чтобы эффект был не вверх и вниз как при помощи slideUp и slideDown, а нужно чтобы она уходила влево и обратно

Comments

[Igor]

$("#id").animate({width:'toggle'}, 222);
---
https://api.jquery.com/animate/

Answer 1

[Виталий Киренков]

"она" - это кто?
Этого эффекта можно добиться 2 способами, так навскидку:
Первый - изменение ширины через анимейт - уменьшение до 0.
Второй - блоку задать 100% ширины, и через анимейт опять же уводить его через в right: 100% Допустим...

Comments

[Хабиб Омаров]

А ЕСЛИ мне нужно добиться метода переключателя toggle?

[Виталий Киренков]

Первая функция - сведение ширины к 0, вторая к 100%.
Аналогично и с position - увеличение значения до 100%, обратная функция приведения значения к 0.
Вроде как логично... не?

Answer 2

[Николай Александров]

Влево: $('#test').hide('slide', {direction: 'left'}, 1000);
Вправо: $('#test').hide('slide', {direction: 'right'}, 1000);

Answer 3

[Сергей Виноградов]

Если я правильно понял, требуется перемещать элемент вправо и влево на одинаковое число.
Это можно реализовать посредством метода animate jQuery. А можно и через CSS анимации реализовать, повесить translate на классы active и disable например.

Если речь идет о переключателе, то существует уже огромное кол-во плагинов на этот счет, поищите в гугле.

Answer 4

[Igor]

$("#id").animate({width:'toggle'}, 222);
---
https://api.jquery.com/animate/