Выпадающее меню на CSS.

[Sedacove]

Добрый день, дорогие форумчане. Получил вот недавно заказ на верстку простенького сайта. Но есть одно но. В нем должно быть выпадающее меню. Приложу картинку, чтобы было понятно: (https://dl-web.dropbox.com/get/Photos/%D0%BC%D0%B5%D0%BD%D1%8E.jpg?w=fb31becf) Т.е. нажимаешь на кнопочку — выезжает дополнительное меню. Нажимаешь еще раз — она убирается.

Все бы ничего, но я всегда думал, что такое делается с помощью JS. А заказчик настаивает, что можно сделать на CSS. К сожалению, раньше никогда не сталкивался с таким.

Подскажите, можно ли сделать это на CSS? Если да, то как?

[zSpx]

В dropbox'е нужно в папку public бросать фото для того, что бы расшарить. Вашу картинку не видно. Да и не нужна она, т.к. CSS не умеет обрабатывать клики, по этому "нажимаешь на кнопочку — выезжает" не получится, только через :hover эффект (наведение курсора).

[Sedacove]

В dropbox'е нужно в папку public бросать фото для того, что бы расшарить. Вашу картинку не видно. Да и не нужна она, т.к. CSS не умеет обрабатывать клики, по этому "нажимаешь на кнопочку — выезжает" не получится, только через :hover эффект (наведение курсора).

Хорошо, а как тогда через наведения курсора сделать?

[sigma77]

Да можно, в принципе и на клик сделать...

Клик - http://www.cssplay.co.uk/menus/cssplay-click-click.html или http://www.cssplay.co.uk/menus/cssplay-click-drop-fly.html#url

Ховер с анимацией - http://www.cssplay.co.uk/menus/css3-slide-menu.html#url

В принципе, на том сайте множество примеров. Выбирайте наиболее подходящий и допиливайте под себя.

[Sedacove]

Да можно, в принципе и на клик сделать...

Клик - http://www.cssplay.co.uk/menus/cssplay-click-click.html или http://www.cssplay.co.uk/menus/cssplay-click-drop-fly.html#url

Ховер с анимацией - http://www.cssplay.co.uk/menus/css3-slide-menu.html#url

В принципе, на том сайте множество примеров. Выбирайте наиболее подходящий и допиливайте под себя.

Спасибо большое!

[MadMax]

sigma77, спасибо, просто замечательный сайтик подсказали !