Андрей

Измени height на max-height. И ставь max-height: 9999px (например) в .paragraph-all. При auto не анимируется

.paragraph {
    height: 100%;
    max-height: 35px;
    overflow: hidden;
    transition: .5s;
}

.paragraph_all {
  max-height: 500px;
  transition: .5s;
}

https://css-tricks.com/using-css-transitions-auto-...

We can't transition height, but we can transition max-height...

Мой совет - разберись с async/await. Пишешь к функции async, а await перед fetch(apiUrl).

const response = await fetch(apiUrl) // вернёт сразу значение response (тот самый PromiseValue)

Я сам до сих пор не разобрался с нормальным вытаскиванием из промиса значения :( Подпишусь на вопрос.
Есть вариант сделать "до" функции переменную, а в промисе присвоить значение. После выполнения промиса значение будет в переменной. Больше способов не знаю.