שלום לכולם

רציתי לבקש עזרה דחופה בנושא פונקציה ל-div
אני רוצה לבנות פונקציה למספר לא ידוע של div-ים <(div id=x(i>
הפונקציה תפתח div אחד בלחיצה על לינק שנמצא בתוך אותו div מסוים וכאשר נלחץ על לינק ב-div אחר
ה-div שהיה פתוח קודם לכן יסגר אוטומטית.

אציין שבטעינת העמוד כל ה div-ים יהיו סגורים.

הרעיון הכללי הוא שישנה אפשרות שרק div אחד יפתח כל הזמן ושלא תהיה אפשרות לפתוח כמה div-ים במקביל וזאת בלי כל קשר למספר ה div-ים שקיימים (מספרם הינו דינאמי וה-id שלהם משתנה לומר מקבל שירשור של i מהלולאה כמו בדוגמא למעלה).

לדוגמא:כל אחד מהלינקים המודגשים הינו div. יכולים להיות מספר בלתי מוגבל של לינקים/div.
> ירקות
> פירות
-אפרסק
-משמש
-ענבים
> בשר
> עופות

תודה רבה על כל עזרה שתבוא

ברעיון כללי:
בכל מצב בתוכנית תשמור ID של החלק שפתוח לך
כאשר יש לחיצה על חלק חדש, תסגור את החלק הקודם (לפי הID הקודם ששמרת), תפתח את החלק החדש עם הID שנלחץ, ותשמור את ה ID


ככה אתה יכול לייצר כמה DIVים שאתה רוצה, אך אתה צריך לקשר את כולם לאותה פונקציה של פתיחה/סגירה