JavaScript « Выпадающее меню

Приветствую!

Интересуют скрипты выпадающего меню на javascript и css.
Хотелось бы иметь работающий аналог такого меню от Яндекса, которое появляется, если нажать на "Личные настройки" на самом верху сайта.

Долго гуглил разные фразы, нашел очень много выпадающих* меню на jquery, но все очень громоздкие и плохостилизуемые.

* - 38 jQuery And CSS Drop Down Multi Level Menu Solutions и 33 jQuery tutorials to create Navigation Menu.

Еще раз, требования:
* стилизуемость
* негромоздкость
* многоуровневость не нужна
* меню состоит из одной "кнопки", см. тот пример("Личные настройки") на Яндексе

Спасибо!

1 ответов


function $(id)
    {
        return document.getElementById(id);
    }
    function ShowHide(id)
    {
        if($(id).style.display=='none')
           $(id).style.display='block';
        else
             $(id).style.display='none';
    }
Ставите на ссылку onclick="ShowHide('settings')"
<div id="settings" style="display: none;">Настройки</div>