@dero
о себе

Как анимировать сдвиг блока, при появлении блока рядом?

Есть блок (display:table-cell;vertical-align:middle;) , который расположен внутри блок с display: table;

При нажатии на кнопку внутри блока, снизу появляется блок текста (display:none -> display:block), блок сверху сдвигается с центра под верх странички. Суммарно с текстом они остаются по центру.

Код JQUERRY
$('.more1').click(function(){
	$('.mt1').toggleClass('open', 500, "easeOutSine"); //класс на кнопке
	$('.more_text1').addClass('animated slideInUp'); //анимация появления текста (animated.css)
	$('.more_text1').fadeToggle(500);	//появление блока текстового
});


Вот например что-то похожее https://codepen.io/anon/pen/BYdLMq. При нажатии на кнопку, кнопка растгивается мгновенно, как сделато это плавно?
  • Вопрос задан
  • 26 просмотров
Пригласить эксперта
Ответы на вопрос 3
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы