Jquery 引导yamm悬停在下拉列表上设置另一个显示块

当我使用以下代码悬停时，我正在使用yamm.css显示超级导航子菜单：

 ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
 } 

上面的工作很好，但是我有另一个div，它在css中被设置为显示：none；这个div叫做

我想做的是，当我将鼠标悬停在导航菜单上时，子菜单将显示，然后将bgcolver设置为显示：block；悬停时

有可能使用CSS吗？我尝试了以下方法，但无效：

 ul.nav li.dropdown:hover > ul.dropdown-menu .bgCover,
 ul.nav li.dropdown:hover .bgCover {
    display: block;    
 } 

---

谢谢

您可以使用jQuery来实现这一点：

加载jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

当鼠标悬停在“下拉列表”上时，显示“bgCover”

<script>
    $( "ul.nav li.dropdown" ).hover(
        function() {
        $(".bgCover").show();
    });
</script>

$（“ul.nav li.dropdown”）。悬停(
函数（）{
$（“.bgcolver”）.show（）；
});