ツリーメニュー
重要度: 5
クリックするとノードの子要素を表示/非表示するツリーを作成してください
要件
- イベントハンドラーは1つだけです(デリゲーションを使用)
- ノードのタイトル外(空白)をクリックしても何も起こりません。
ソリューションは2つの部分で構成されています。
- すべてのツリーのノードのタイトルを
<span>で囲みます。そうすると、:hoverでCSSでスタイルを設定することができ、正確にテキスト上でクリックを処理することができます。なぜなら<span>の幅はテキストの幅とまったく同じだからです(囲まない場合とは異なります)。 treeルートノードにハンドラーを設定し、その<span>タイトル上のクリックを処理します。