Как сделать выпадающее окно на jquery?

Question

[sabanovvv]

Как сделать такое выпадающее окно сверху с помощью jquery,при нажатии на ссылку "Режим работы!"?
необходимо чтобы он выезжал сверху вниз

Может, где-то есть подобные разобранные примеры?

Comments

[1001001 111]

в гугле не искали?

Answer 1

[Юрий Лобанов]

jsfiddle.net/iiil/7Ly6y/3

Comments

[sabanovvv]

как его к сайту подключить?

[Юрий Лобанов]

@sabanovvv ну все зависит от того, на чем сайт и какие у Вас знания по html/css/js и непосредственно по cms сайта.

[sabanovvv]

CMS Drupal 7

[sabanovvv]

вроде все правильно сделал,js закинул в script.js
css код в style.css
сам код добавил в отдельный блок

[Юрий Лобанов]

@sabanovvv представленный вариант исключительно демонстрационный. Я написал его за минуту, зачем Вы такое на сайт весите да еще и бездумно?
Поразбирайтесь, там ничего хитрого. Все, что делает jq - это переключает класс модального окна. А модальное окно и стили пишите, какие хотите. Не забудьте, если будете использовать css-анимацию, как я - написать префиксы для кроссбраузерности.

[sabanovvv]

subjay.ru

[Юрий Лобанов]

@sabanovvv у Вас ошибки в консоли

[sabanovvv]

вывел в отдельный файл modal.js,но все равно не работает

[Юрий Лобанов]

@sabanovvv я изменил ссылку в ответе - добавил префиксы и отменил переход по ссылке. Используй этот вариант и вперед. Без обид, но на чужом сайте копаться нет никакого желания. Может кто другой поможет.

Ошибки в консоли у тебя по прежнему остались, не от этого скрипта. Посмотри сам.

Answer 2

[Fedwar]

jsfiddle.net/7Ly6y/4