Как реализовать анимированную вставку текста через clone appendTo?

Question

[Destell]

Как реализовать вставку текста через clone appendTo с анимацией?

codepen

Answer 1

[Ihor Bratukh]

_btn.one('click', function(e){
	var _html = _more.clone();
	_html.hide().appendTo(_box).fadeIn(300);
	console.log(_html);
});

Или вариант с slide
_html.hide().appendTo(_box).slideDown(300);

Comments

[Destell]

А реально поставить transition или что-то вроде на контейнер, чтобы тот не скакал при вставке текста?

[Ihor Bratukh]

Destell,

_html.slideUp(300, function() {
	$(this).remove();
});
_html = undefined;

[Ihor Bratukh]

Или

_html.fadeOut(300, function() {
	$(this).remove();
});