Здравствуйте.
При клике на ссылку появляются пункты меню, и если после этого кликнуть в любое место экрана (кроме ссылки которая активирует меню) - меню пропадает.
Каким образом сделать чтоб меню пропадало еще и при повторном клике на эту же ссылку?
.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;
}
Комментариев нет:
Отправить комментарий