I just have an another problem. How to use transitions in display attribute.in html

Question

Suppose i want to make a menu after clicking on it
the content of menu will visible with transition.

Answer 1

.menu{
display: hidden;
transition: display 2s;
}
.menu:hover{
display: show;
}

menu will again disappear when you click outside the menu!