鼠标悬停的基础4部分垂直导航弹出菜单

Question

我正在尝试测试zurb foundation 4 css框架。如果zurb的网站基础4 doc，它提到基础4使用部分来代替手风琴，标签和垂直导航和＆amp;旧基础的导航栏3.但我找不到如何在鼠标悬停上制作垂直导航;我必须点击标题。如何在鼠标悬停时将垂直导航设置为弹出菜单？ Mouseover是非常标准的方法，我希望有一种简单的方法可以在基础4中打开它。

Answer 1

您可以在下拉目标上设置data-options =“is_hover”以启用悬停。

点击此链接Add hover state support for dropdowns by setting is_hover data-options.

Answer 2

目前

data-options="is_hover:true" 

不支持部分。您必须使用自定义js 才能使其正常运行。

我们试试

$(".section").mouseenter(function(){
    $(this).toggleClass("active");
});