Menú de árbol
importancia: 5
Crea un árbol que muestre y oculte nodos hijos con clics:
Requerimientos:
- Solamente un manejador de eventos (usa delegación)
- Un clic fuera de los nodos de títulos (en un espacio vacío) no debe hacer nada.
La solución tiene dos partes.
- Envuelve cada nodo de título del árbol dentro de
<span>. Luego podemos aplicarles CSS-style en:hovery manejar los clics exactamente sobre el texto, porque el ancho de<span>es exactamente el ancho del texto (no lo será si no lo tiene). - Establece el manejador al nodo raíz del
treey maneja los clics en aquellos títulos<span>.