قم بإنشاء شجرة تعرض / تخفي عقد الأطفال عند النقر:

المتطلبات:

• معالج واحد فقط للحدث (استخدم التفويض)
• يجب ألا يؤدي النقر خارج عنوان العقدة (على مساحة فارغة) إلى أي شيء.

افتح sandbox للمهمه.

الحل له جزأين.

1. قم بلف كل عنوان عقدة شجرة في <span>. ثم يمكننا تصميم CSS عليها على :hover والتعامل مع النقرات بالضبط على النص ، لأن عرض <span> هو بالضبط عرض النص (على عكس بدونه).
2. قم بتعيين معالج لعقدة الجذر tree وتعامل مع النقرات على تلك العناوين <span>.

افتح الحل في sandbox.