UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)

Привет! Давно хотел сделать рубрику, где буду большое внимание уделять не целым страницам, а ее деталям. Так, как мне кажется, удобнее для восприятия и видно больше мелочей. В связи с этим, сделал новую рубрику UI-компоненты, которая будет посвящена разным реализациям с различных сайтов, которые часто встречаются. Здесь я буду стараться сделать универсальную верстку, чтоб данный компонент можно было внедрить на сайт без проблем. Также можно не беспокоиться и за сборщики/препроцессоры и прочие нюансы - здесь я пишу на чистых языках - html, css, js. В этой части я сделаю три вариации доступного аккордеона - с помощью тегов details и summary, на чистом js (без анимации), и на чистом js с анимацией. компоненты №9. Аккордеон и варианты реализаци%