вертикальное меню аккордеон на css

Ответ от Александр Ермилов[гуру]
Наталья, обычно не делают раскрытие такого меню по onmouseover по простой причине - юзер случайно проводит курсором по меню и. . страница оживает, короче говоря. ) )
Представьте что у вас вертикально расположены несколько пунктов такого меню и все они раскрываются при наведении курсора. Вам нужно раскрыть какой-то средний пункт. Нормальный юзер ведет курсор сверху вниз (или реже - снизу вверх) по пунктам, пока не дойдет до нужного. Представьте, что он воспользовался первым вариантом - сверху вниз. У него раскрылось сначала одно подменю - например, первое. Все остальные пункты уехали вниз. Он скроллит страницу, доходит до второго пункта. Переводит курсор на него и. . В этот момент закрывается первое подменю. И все едет вверх.
Вертикальный аккордеон лучше раскрывать по клику, имхо.
Ну, а если все же нужно, то есть jQuery UI в помощь -
Вот тут на выбор (пробел в ссылках перед .com убрать) :
ссылка .com/2009/05/14-jquery-and-css-based-accordion-menus.html
ссылка .com/lab/jquery-vertical-accordion-menu-plugin/examples/
На CSS это сделать можно достаточно просто, но "кликабельные" меню не кроссбраузерны. ( например - .net/codrops/2012/02/21/accordion-with-css3/ - пробел перед .net убрать )
Александр Ермилов
Гений
(52792)
как альтернативу, если не хочется мучить юзера кликами, можно выбрать вертикальное меню, которое предложил Андрей.
не аккордеон, конечно, но удобно.
раньше делал аккордеоны собственным простеньким скриптом. вот тут, например: http://www.prestige4u .co .il/ (пробелы перед .co и .il убрать)
там просто добавляется/убирается по клику класс hidden для элемента меню, который прячет дочерние элементы. #navigation li.hidden ul { display:none; }