чтобы по клику на элемент - плавно раскрылся блок, еще по одному клику - плавно спрятался
V-show=“isVisible” @click=“isVisible=!isVisible” на компоненте и начальное значение isVisible в data задать
всё работает. Однако же весьма жёстко. Есть возможность применить какой либо механизм плавного скрытия/открытия? типа fade ?
transition гуглите, удобная штука как раз для таких условий показа
https://ru.vuejs.org/v2/guide/transitions.html
всё же, все тесты - всё не то. Суть в том, что у меня есть блок, ниже расположена кнопка - комментировать. При нажатии - должно плавно открыться поле для ввода комментария. Тоесть весь текст должен плавно сместиться вниз и так же плавно раскрыться поле для комента. во всех примерах, что я вижу и то, что пробовал - происходит следующее: 1. Сначала резко раскрывается место для будущего эффекта 2. следом, в этом пустом месте раскрывается, собственно само поле для ввода. красиво и эффектно при этом, когда работает первый блок - все происходит как то дёргано, а хочется плавно.
Тогда сделай высоту "от" и "до" и установи блоку с формой фиксированную высоту. Это можно анимировать
блок с формой же должен быть скрыт, соизначально. или я что то не понимаю )
Я могу накидать фидл
https://jsfiddle.net/Mr_Edward/kfgv6x58/
Обсуждают сегодня