@@ -1,4 +1,4 @@
-The solution has two parts.
+الحل له جزأين.
 
-1. Wrap every tree node title into `<span>`. Then we can CSS-style them on `:hover` and handle clicks exactly on text, because `<span>` width is exactly the text width (unlike without it).
-2. Set a handler to the `tree` root node and handle clicks on that `<span>` titles.
+1. قم بلف كل عنوان عقدة شجرة في `<span>`. ثم يمكننا تصميم CSS عليها على `:hover` والتعامل مع النقرات بالضبط على النص ، لأن عرض `<span>` هو بالضبط عرض النص (على عكس بدونه).
+2. قم بتعيين معالج لعقدة الجذر `tree` وتعامل مع النقرات على تلك العناوين `<span>`.
@@ -2,13 +2,13 @@ importance: 5
 
 ---
 
-# Tree menu
+# قائمة الشجرة
 
-Create a tree that shows/hides node children on click:
+قم بإنشاء شجرة تعرض / تخفي عقد الأطفال عند النقر:
 
 [iframe border=1 src="solution"]
 
-Requirements:
+المتطلبات:
 
-- Only one event handler (use delegation)
-- A click outside the node title (on an empty space) should not do anything.
+- معالج واحد فقط للحدث (استخدم التفويض)
+- يجب ألا يؤدي النقر خارج عنوان العقدة (على مساحة فارغة) إلى أي شيء.