Bootstrap свернуть Не работает при первом нажатии

Question

 function drawAddMore(key, checkLocal, eleDraw) {
    eleDraw.empty()
    eleDraw.append(`<div id="demo${key}" class="collapse">
    <img src="${checkLocal[0]}" class="img-fluid mb-2  rounded mx-auto d-block">
<h4>USD: ${checkLocal[1]}</h4>
<h4>EUR: ${checkLocal[2]}</h4>
<h4>ILS: ${checkLocal[3]}</h4>

`) spener. css (" display "," none ")}

Подробнее

        $("#btnMore" + key).click(() => {
           
            if (event.target.classList.toggle(":active")) {
                $("#btnMore" + key).html("Less Info")
                let checkLocal = JSON.parse(localStorage.getItem(res[key].id))
                spener.css("display", "block")
                if (checkLocal) {
                    console.log(typeof($("#price"+key)))
                    // $("#price"+key).style("display","block")
                    drawAddMore(key, checkLocal, $("#price" + key))
                } else {
                    let price = linkAPIPrice + res[key].id
                    $.get(price, res2 => {
                        let temp = res2.market_data.current_price
                        localStorage.setItem(res[key].id, JSON.stringify([res2.image.large, temp.usd, temp.eur, temp.ils]))
                        setTimeout(() => {
                            localStorage.removeItem(res[key].id)
                        }, 3000)
                        let checkLocal = JSON.parse(localStorage.getItem(res[key].id))
                        drawAddMore(key, checkLocal, $("#price" + key))
                    })

                }
            } else {
                $("#btnMore" + key).html("More Info")
            }
            $("#price" + key).toggle()

Когда я нажимаю кнопку« Подробнее »в первый раз, данные копируются в локальное хранилище Но информация не отображается на странице, только когда я нажимаю меньше информации, а затем снова Больше информации Информация отображается на странице Спасибо