הפיצ'ר המגניב של details ו-summary ב-HTML: הפתרון האוטומטי לאקורדיונים

כי אין כמו פיסת css להרגיע את הנפש המיוסרת של עם הנצח שאמנם לא מפחד מדרך ארוכה אבל כואב לו כבר הרגליים... 😕😕😕 אז בפינתנו להיום שמוקדשת לזכר הצוררים אותנו וכל הנלווים אליהם .נראה דווקא אלמנט חמוד של html ולא css כהרגלנו, לחגוג את המאורע וגם כי כאלו אנחנו - חיים על הקצה.🤓 שם האלמנט הוא details ובנו היקר נקרא summary. בחייך מה אתה רוצה מאיתנו?😲 מכירים את זה שאתם רוצים לעשות "אקורדיון" או אלמנט נפתח? (או ליתר דיוק אתם *צריכים* לעשות אקורדיון אבל רוצים בכלל לעשות טרק בקוסטה ריקה.) אז אנחנו צריכים ליצור אלמנט להוסיף לו onClick להוסיף פונקציונליות וכן על זה הדרך? זה מה שבא האלמנט לעשות - וכמו בדוגמא בcodepen שיהיה בתגובות למטה- בברירת המחדל יראו רק את הsummary ובלחיצה עליו יראו גם את שאר האלמנט. יתרונות: 👍 עצלות. נגישות. חסרונות:👎 צריך להתעסק קצת להוסיף אנימציה. לא נתמך בדפדפנים ישנים.