regresar a la lección

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.

Abrir un entorno controlado para la tarea.

La solución tiene dos partes.

  1. Envuelve cada nodo de título del árbol dentro de <span>. Luego podemos aplicarles CSS-style en :hover y 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).
  2. Establece el manejador al nodo raíz del tree y maneja los clics en aquellos títulos <span>.

Abrir la solución en un entorno controlado.