ul#presence_widget li span.primary {
    opacity: 1;
}

@media screen and (min-width: 1025px) {
    ul#presence_widget li span.control {
        display: none;
    }

    ul#presence_widget_menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease;
    }

    ul#presence_widget_menu:hover,
    ul#presence_widget:hover + ul#presence_widget_menu {
        max-height: 100%;
    }
}
ul#presence_widget li span.primary {
    opacity: 1;
}

@media screen and (min-width: 1025px) {
    ul#presence_widget li span.control {
        display: none;
    }

    ul#presence_widget_menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1.5s cubic-bezier(1,0,.45,1);
    }

    ul#presence_widget_menu:hover,
    ul#presence_widget:hover + ul#presence_widget_menu {
        max-height: 100%;
        transition: max-height 0.5s ease-in-out;
    }
}
Add a small delay for the sub-menu to stay open
Add a small delay for the sub-menu to stay open
