После добавлением через js в блок данных не работает
transition: all 1s linear;. Как заставить плавно менять высоту/ширину при изменении контента?
Спасибо.
Ситуация на JFIDDLE
.box {
transition: all 1s linear;
padding: 10px;
margin: 10px;
background: #fc0;
width: 50px;
}
<button id="text">Add text</button>
<button id="width">More width!</button>
<div class="box">
Text
</div>
$('#text').click(function () {
$(".box").append('Lorem ipsum dolor sit amet, consectetur adipisicing elit. A at natus necessitatibus neque totam? Accusamus culpa')
});
$('#width').click(function () {
$(".box").css('width','100px')
})