Как реализовать выезжающее меню без jQuery?

Question

[Brain Storm]

Подскажите, пожалуйста, как сделать выезжающее меню без jQuery?

Answer 1

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

Сделать советую так:
ну адаптивность делается через медиа-запросы, если ты копируешь шаблон, то это уже сделано за тебя.
Выезжающее меню - самый простой способ, на мой взгляд, убирать класс у этого дива:

.nav.hidden {
 height: 1px;
overflow: hidden;
}
.nav {
 height: auto;
}

По клику на кнопку удаляешь класс hidden у блока с меню. Для анимации используй css3 анимацию.

Comments

[Brain Storm]

спс

Answer 2

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

гуглите "меню на чистом css" или "меню на чистом javascript"
ruseller.com/lessons.php?rub=2&id=941 - вот, например.

Comments

[Brain Storm]

мне нужен выезжающий div

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

@EkLast, приведите пример или опишите. Лучше если скинете ссылку на какой-нибудь сайт, где есть такое меню.

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

@EkLast и поясните, Вам надо на чистом css или на js тоже можно.

[Krickt]

@EkLast в чем проблема по аналогии div сделать?

[Brain Storm]

@iiil здесь

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

lab.yurbasik.org.ua/themes/stanley
@EkLast где блядь там выезжающее меню? в ff даже скролл не работает, никакого выезжающего меню там нет.
Основное меню сайта сделано через position:fixed, меню шаблона Стэнли - обычный блок.
А ты прекрати выебываться и опиши, что тебе надо. Немногословность идет только умным людям.

[Brain Storm]

посмотри этот шаблон на мелком экране

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

@EkLast это называется адаптивная верстка, помимо выезжающего блока там много еще чего.
Ты так и не ответил - устроит ли тебя вариант с css+js, потому что на чистом css это уже не сделать.

[Brain Storm]

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

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

@EkLast ответил ниже

Answer 3

[Андрей]

getbootstrap.com/components/#dropdowns

Comments

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

@SkaN2412 По Вашему на бутстрапе без jq работает? )

Answer 4

[Евгений Веденин]

По моему вопрос был про выезжающее слева меню?