Здравствуйте.
При клике на ссылку появляются пункты меню, и если после этого кликнуть в любое место экрана (кроме ссылки которая активирует меню) - меню пропадает.
Каким образом сделать чтоб меню пропадало еще и при повторном клике на эту же ссылку?
.menu {
display: none;
padding: 3px;
}
.menu a {
display: block;
margin: 1px;
padding: 10px;
}
.active_menu {
display: block;
}
.active_menu:focus ~ .menu,
.active_menu:active ~ .menu,
.menu:hover {
display: block;
}
Развернуть меню
Ответ
.menu { display: none; } .menu a { display: block; margin: 1px; padding: 10px; } .active_menu input:checked + .menu { display: block; }
Комментариев нет:
Отправить комментарий