Почему переходы CSS не работают при их запуске из функции? ⇐ CSS

[Anonymous]

У меня проблема. Итак, я хотел сделать переход непрозрачности, поэтому я создал функцию, которая показывает элемент div с этим переходом, а затем установил его непрозрачность, однако это не сработало.
Мой код фрагменты:
CSS

Код: Выделить всё

#menu {
background-color: rgba(218,218,218,.9);
transition: opacity 500ms;
}

JavaScript

Код: Выделить всё

function openMenu() {
document.getElementById("menu").style.display = "block";
document.getElementById("menu").style.opacity = "1";
}
function returnToDesktop() {
document.getElementById("menu").style.display = "none";
document.getElementById("menu").style.opacity = "0";
}

HTML

Код: Выделить всё

[img]images/quit-menu-icon.png[/img]
Go back



[img]images/apps-icon.png[/img]

Other Apps

Кто-нибудь знает решение?


Подробнее здесь: https://stackoverflow.com/questions/784 ... a-function