マルチレベル水平メニューCSS

Question

3つのレベルにまたがる水平メニュー（Top Nav、Sub Nav、SubSub Nav）を作成する必要があります。

これは、CodePenという2つのレベルにわたるような例が見つかりましたが、3番目のレベルの作業を行うためにJqueryでは十分ではありません。

$(function() { 
$('li a').click(function(e) { 
    e.preventDefault(); 
    var $this = $(this); 
    $this.closest('ul').children('li').removeClass('active'); 
    $this.parent().addClass('active'); 
    }); 
}); 

トップナビゲーション、およびサブNAVはすべての回で見ることができるが、しかし、SubSub NAVが唯一のサブNAVをクリックすると見えるようにする必要があります。

私の既存のコードをJQuery 1.8.2と互換性のあるものとして扱うことについては別の未解決の質問がありますが、そうでない場合は、純粋なCSSでこれを行うことができます。ここに私の現在のメニューJsFiddleのコードがあります。

誰かがドロップダウンに関係しないマルチレベルメニューシステムの例はありますか？私がしようとしていることは、ウェブサイト上のユーザーのアクティブな進捗状況を表示することです。メニューよりも視覚的な助けになりますが、必要に応じて前のセクションへのナビゲーションにクリックできるようになります。

Answer 1

ここでは、純粋なCSSのリンクのリンクですが、試してみることができます！ http://www.cssscript.com/create-a-multi-level-drop-down-menu-with-pure-css/