Stromové menu
důležitost: 5
Vytvořte strom, který bude na kliknutí zobrazovat a skrývat dětské uzly:
Požadavky:
- Pouze jeden handler událostí (použijte delegování).
- Kliknutí mimo titulek uzlu (na prázdné místo) by nemělo nic dělat.
Řešení se skládá ze dvou částí.
- Zabalíme titulek každého uzlu stromu do
<span>. Pak na nich můžeme nastavit CSS styl na:hovera zpracovávat kliknutí přímo na text, protože šířka<span>je přesně šířka textu (na rozdíl od značky bez něj). - Nastavíme handler kořenovému uzlu
stroma budeme zpracovávat kliknutí na tyto titulky<span>.