html - 即使在CSS中使用动画或过渡属性将鼠标移出后，仍保持下拉菜单处于事件状态(可见)

This question already has answers here:

Keeping dropdown menu active (visible) even after hover out
                                
                                    （4个答案）
                                
                        
                                7个月前关闭。
            
                    
将鼠标指针移到菜单div之外后，菜单立即消失。我希望该菜单保持活动状态。我尝试过类似的方法，但无法实现我所需要的。请指出我犯错的地方。这是HTML和CSS代码，供您在JsFiddle中完成。

https://jsfiddle.net/adhiyan_c/p7g4suwb/

I need the dropdown to be made visible for 2 seconds even after mouse out.

最佳答案

在您的jQuery中使用它。

$(".vdropdown").mouseover(function(){
 $(".vdropdown-content").show();

});
$(".vdropdown").mouseout(function(){
 $(".vdropdown-content").hide(2000);

});

这将代替使用CSS