menu - マウスオーバー時の基礎 4 セクション垂直ナビゲーション フライアウト メニュー

Question

zurb Foundation 4 css フレームワークをテストしようとしています。zurb の Web サイト Foundation 4 doc の場合、Foundation 4 はセクションを使用して、古い Foundation 3 のアコーディオン、タブ、および垂直ナビゲーションと & ナビゲーション バーを置き換えると述べています。タイトルをクリックする必要があります。マウスオーバー時に垂直ナビゲーションをフライアウト メニューにするにはどうすればよいですか? マウスオーバーはかなり標準的なアプローチです。Foundation 4 で有効にする簡単な方法があることを願っています。

Answer 1

現在

data-options="is_hover:true" 

セクションには対応していません。カスタム jsを使用して機能させる必要があります。

やってみよう

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