скользящее меню справа налево при нажатии кнопки меню

Когда я нажимаю кнопку меню, меню должно скользить справа налево. Меню становится скрытым, и при втором нажатии кнопки меню оно должно вернуться в это состояние.

Код, который у меня есть до сих пор, таков:

$(MENU_BUTTON).click(function() {
    var right = $(MENU_ID).hasClass('right');
    $(MENU_ID).toggleClass('right');
    $(MENU_ID).animate({ width:(right?0:245) }, 600);
    });

Это достигает противоположности тому, что я пытаюсь сделать, потому что скользит слева направо.

Любая помощь вообще будет оценена по достоинству.

Спасибо


jquery slide jquery-animate toggleclass
person Smithy    schedule 01.08.2013    source источник

Ответы (1)


arrow_upward
-1
arrow_downward

@РАН

Вот пример того, как вы можете это сделать (при необходимости адаптируйте):

Пример скрипта

Использует относительно позиционированное <div> с overflow:hidden для содержания меню, которое является абсолютно позиционированным <div>. Он анимирует свойство right для скольжения меню справа налево.

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

Ваше здоровье!

person emgee    schedule 01.08.2013
comment
Если вы собираетесь понизить ответ почти 5-летней давности, предоставьте хотя бы лучшее текущее решение. - person emgee; 29.05.2018