Добрый день.
Есть задача: сделать задержку скрытия элемента (меню второго уровня). Как это сделать на JS - догадываюсь, но хотелось бы обойтись одним CSS.
Если вместо display использовать visibility, то все хорошо:
.menu.second {
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}
.menu.second:hover {
visibility:visible;
opacity:1;
transition-delay:0s;
}
Но мне необходимо именно display:block и display:none.
Как это реализовать?