.submenu {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(10px);
    transition:0.3s ease;
    display:none;
}


.submenu.active {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
    display:block;
}

</style>