Приветствую всех!
Подскажите пожалуйста, как можно из этого кода сделать:
1) Плавное открытие и закрытие.
2) После закрытия чтоб страница поднималась вместе с закрывающемся спойлером до начала его открытия.
<div class="ba-testimonial__body">
Спойлер — это раскрытие интриги, влияющее на восприятие сюжета книги или фильма.
<div class="ba-testimonial__more" id="timore01">
Например, в детективах спойлером является имя убийцы. Чтобы не портить удовольствие от предстоящего чтения или просмотра фильма, текст спойлера прячут, оставляя возможность его просмотреть тем, кто хочет узнать подробности сюжета.
<button class="ba-extra-text ba-testimonial__toggle" onclick="document.getElementById('timore01').classList.toggle('open')" aria-label="Читать далее" data-more-text="Читать далее" data-less-text="Свернуть"></button>
.ba-testimonial__body>:last-child {
.ba-testimonial__toggle {
.ba-testimonial__toggle:hover {
.ba-testimonial__toggle:before {
content: attr(data-more-text)
.open+.ba-testimonial__toggle:before {
content: attr(data-less-text)
.ba-testimonial__more.open {
.ba-testimonial__more>:last-child {
