این محتوا تنها در این زبانها موجود است: عربي, English, Español, Français, Indonesia, Italiano, 日本語, 한국어, Русский, Українська, Oʻzbek, 简体中文. لطفاً به ما
Tree menu
اهمیت: 5
Create a tree that shows/hides node children on click:
Requirements:
- Only one event handler (use delegation)
- A click outside the node title (on an empty space) should not do anything.
The solution has two parts.
- Wrap every tree node title into
<span>. Then we can CSS-style them on:hoverand handle clicks exactly on text, because<span>width is exactly the text width (unlike without it). - Set a handler to the
treeroot node and handle clicks on that<span>titles.