Меню как кнопка

[Guest Feniks000]

Привет!

Как сделать меню, как кнопку

Пример:  megogo.net/ru/films

 

Нажимаешь и оно остается, только при нажатие на фон, оно исчезает. Как такое проделать? 

Уже много форумов прошел и нигде нету ответа, пишут нужен скрипт. Для этого нужен скрипт?  Разве нельзя через html+css?

 

Помогите пожалуйста, готов посмотреть все решения. Спасибо!

[CroaToa]

Могу предложить что бы исчезло при повторном нажатии, только не на фон а на саму кнопку) Хотя как мне объяснили это костыль, и лучше все таки через скрипт делать.

[klierik]

это делается скриптом. скорее всего самопис, так как задача тривиальная.

[Guest Feniks000]

Я на многих сайтах видел подобное, но не особо обращал внимание.
Теперь вот нужно для планшетов/телефонов сделать 1 кнопку такую. 

 

Жаль, что скрипт!

[rus]

а через input:checked {} разве не получится?

[klierik]

получится. например: label+input+div

но вопрос в кроссбраузерности о которой ТС ничего не сказал.

[Sensei]

Трюки с инпутами, конечно, интересны, но лучше делать с помощью js.

Тем более, что нужно скрывать выпад если кликнули вне его области.

Вот, набросал пример http://jsfiddle.net/xUeum/1/

Edited May 17, 2014 by Sensei

[Guest Feniks000]

Ребят, а в исходном коде на мегого вроде нету скриптов и инпутов. Может я не так понял.

Там кнопка сделана как ссылка. 

<a class="dropdown-toggle link" id="filterGenresLink" data-toggle="dropdown" href="#"> Жанрыspan class="caret"></span></a>

 

Конечно booster решает...

Edited May 16, 2014 by Feniks000

[CroaToa]

Ребят, а в исходном коде на мегого вроде нету скриптов и инпутов. Может я не так понял. Там кнопка сделана как ссылка. 

У кнопки есть id и класс, с помощью которых дальше через js обращаются к ним.