Одушевленных ширинов, чтобы соответствовать содержанию

Question

мне нужно анимировать div от ширины 0 (начальный) к ширине fit-content (ширине, которая является таким же, как ширина его содержания)

$('div').css('width', 'fit-content'); 

DEMO

Однако, если я делаю это анимация

transition: width .5s ease-in-out; 

больше не работает. Итак, вопрос в том, как я могу анимировать только для того, чтобы соответствовать контенту?

UPDATE: Я нашел решение here (DEMO

Answer 1

Вы можете сделать это:

setTimeout(function() { 
    $('div').css('width', $('div').find('span').width() + 'px'); 
}, 1000); 

как этот JSfiddle: JSfiddle