即使在CSS中使用动画或过渡属性将鼠标移出后，仍保持下拉菜单处于活动状态（可见）

Question

将鼠标指针移到菜单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.

Answer 1

在jQuery中使用它。.

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

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

});

这将代替使用CSS