javascript - 複数行のナビゲーションでマルチトグルを機能させるにはどうすればよいですか?

Question

このナビゲーションを使用: http://responsivenavigation.net/examples/multi-toggle/

ご覧のとおり、サブメニューは div の下部の端にドロップされます。問題は、ページがより小さな幅 (タブレット サイズ) にサイズ変更され、メニュー スタックがスタックした場合の処理​​方法にあります。どのリンクにカーソルを合わせても、サブメニューが div の下に配置されます。トップナビが使えなくなる。ドロップダウンを修正して、両方の行を処理できるようにするにはどうすればよいでしょうか。上と下？

Answer 1

これは、クラスの状態が要素に追加されたときにクラスmax-heightを持つ要素に設定されているために発生しています (html ファイルの 159 行目)。.menu.active

.menu.active, .menu > ul ul.active {
    max-height: 55em;
}

したがって、は指定された値navを超えて大きくなりません。max-heightこれを修正するには、値を100%when active に変更します。