2015-06-10 4 views
1

Я хочу показать меню при нажатии на ссылку. Меню должно появляться справа налево с функцией show. Я уже пробовал $ ('. Amenu'). Show ("slide", {direction: "right"}, "fast"); Но он надвигается. Мне нужен тот же эффект, что и $ ('. Amenu'). Show («fast»); но меню из верхний правый угол.Как я могу показать меню jquery, которое открывается справа налево?

+0

Вы хотите что-то вроде 'расти' анимации? Или просто простой слайд? – VladNeacsu

+0

Я искал анимацию роста. Как меню происходит из верхнего правого угла и формирует меню в форме коробки. – Vishesh

+0

Проверьте мой ответ, Это то, что вы хотите. – VladNeacsu

ответ

0

Я сделал эту скрипку для вас, которую вы можете использовать любым способом. Идея состоит в том, что меню помещается в положение с этим css:

position: absolute; 
top: 0; 
right: 0; 

Если вы играете, вы можете заставить его застрять в любом месте. анимация также делается с помощью CSS с помощью этого класса, и вы можете оставить только ширину, если вы хотите слайд анимации:

.animate { 
    height: 100px; 
    width: 300px; 
    transition: width 1s, height 1s; 
    -moz-transition: width 1s, height 1s; 
    -webkit-transition: width 1s, height 1s; 
    -o-transition: width 1s, height 1s; 
} 

и простой JQuery для переключения класса.

https://jsfiddle.net/mtucpL3v/

Дальнейшее чтение: CSS transitions

Смежные вопросы