マルチレベルメニュー

私はプロジェクトを持っており、動的なマルチレベルメニューが必要ですが、今はハードコード（html/jquery/javascript /何でも動作します）が必要です。マルチレベルメニュー

最初のレベルは、水平に配置されるいくつかのアイコンになります。アイコンをクリックすると、2番目のレベルが表示されます。これにはサブメニュー（子要素）があり、3番目のレベルにはいくつかの子要素もあります。

構造は次のようになります。

 
Icon1 
FirstMenu 
    SecondMenu 
    ThirdMenu 
FirstMenu 
    SecondMenu 
Icon2 
FirstMenu 
    SecondMenu 
    ThirdMenu 
FirstMenu 
    SecondMenu 
Icon3 
FirstMenu.

私はサブレベルメニューを作成することができましたが、私はそれでこれらのアイコンを置くためにどのようにそれを把握することはできません、とクリックで私を示すためにそれの子どもたち。

メニューは次のようにする必要があります。アイコンをクリックすると、下から右のメニューが崩壊するはずです。たとえば、重い義務をクリックすると、3番目のレベルが表示されます。

私はどこから始めることができるか、ヒントやリソースを教えてもらえますか？

ありがとうございます！

出典

2016-07-25 codi05ro

作業中のコードを入力してください。 – actimel

これは、あなたがすでに試みたことを何も示していない、「宿題」のようなものです。質問を編集して、あなたが試したこと/既に得たことを人々に見せてください。 – user3788685

ライトウェイトとマルチレベル応答メニューを試す - > github.com/hidaytrahman/hr-navigation-responsive-menu –

これを試してください。アイコンのフォントワームを追加することができます。 Js Fiddle p9Lea8g4/7/

出典

2016-07-25 21:35:41

答えて

関連する問題