入れ子になった水平メニュー更新可能

Question

2レベルの水平メニューを更新可能にします。私は以前に読み込まれたデータ（php）を利用できるようになり、この "エフェクト"を作成したい。私はこれが存在すると確信していますが、私は母語を使用したり、英語で検索しているものは見つかりませんでした。

私のデータ構造は、このようなものです：

MainElement1, 
    SecondItem1Name -> SecondItem1Image 
    SecondItem2Name -> SecondItem2Image 
    SecondItem3Name -> SecondItem3Image 
MainElement2, 
    SecondItem1Name -> SecondItem1Image 
    SecondItem2Name -> SecondItem2Image 

この私の希望する結果：

• 最初の行：メインメニュー項目（私はPHPの配列でそれを持つことになります）
• 2行目：1行目の選択項目に関連付けられている要素。
• 3行目：トップイメージには含まれていませんが、2行目のアイテムイメージになっています。

私の質問です。これを可能にする人気メニューがありますか？私はこれをゼロから作成するよりも優れていますか？

ありがとうございました

Answer 1

これはすべてあなた次第です。 JavaScriptとCSSでコーディングの経験をお楽しみいただければ、絶対に自由に感じてください。ただし、テンプレートを使用するほうが簡単な場合があります。実際には、CSSを使用して完全に行うことができます。

このリンクを試して、探しているものがあるかどうかを確認してください。基本的にはulを使い、lisとulを入れ子にしてCSSのパディングアニメーションでこれらの要素をスタイルして効果を作り出します。