bogdan_uman
@bogdan_uman
шлЫмазл неукЪ-поцЪ

Почему не работает анимация при закрытии?

Почему не работает анимация при закрытии?

  • Вопрос задан
  • 58 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега CSS
Dance Gavin Dance - Prisoner
Теги </details> && </summary> не поддерживают легкую и простую анимацию по дефолту. Нужного эффекта можно добиться какими-нибудь костыльными решениями или всё же возможно есть наиболее безболезненные способы, но я что-то такого не видел ещё. Везде одно и тоже. Анимация при открытии плавная, при закрытии рывком. Намного дешевле и быстрее сделать это с помощью JS. Выйдет чище и лучше.

Вот небольшой пример с добавлением JS:



Я добавил смену текста для кнопки при открытии и закрытии панельки. Если данный функционал не нужен, можете его убрать. За эту функцию отвечают строки:

event.target.textContent =
      event.target.textContent === "Показать текст"
        ? (event.target.textContent = "Cкрыть текст")
        : (event.target.textContent = "Показать текст");
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы