[prg] Re: Про подменю, раскрывающееся после клика пробелом или энтером на ссылку
Здравствуйте, Денис Скрипник.
> Появилась необходимость создания меню, в
> котором подменю раскрывается не по наведению мыши на ссылку, а по клику
> на определённую ссылку пробелом или энтером.
HTML:
<a class="main-item" href="javascript:void(0);" tabindex="1" >Подменю</a>
<ul class="sub-menu">
<li>Раз</li>
<li>Два</li>
<li>Три</li>
</ul>
CSS:
.sub-menu
{
display: none;
}
.main-item:focus ~ .sub-menu,
.main-item:active ~ .sub-menu,
.sub-menu:hover
{
display: block;
}
> интернете информации не нашёл, а сам пока в javascript не селён.
Предложенная реализация на JavaScript не завязана. Это фокусы CSS.
Всегда, при возможности, желательно сохранять работоспособность сайта и при
отключённом JavaScript.
Успехов. Никита.
