const readMoreElement = document.getElementById("readMore661d2534135c5"); const readMoreBtn = document.getElementById("btnReadMore661d2534135c5"); const fadeEffect = document.getElementById("fadeOverEffect661d2534135c5"); document.querySelector("#btnReadMore661d2534135c5").addEventListener("click", () => { let maxHeight = "190px"; if(readMoreElement.style.maxHeight == 'unset'){ fadeEffect.classList.add("read-more-text--fade"); readMoreElement.style.maxHeight = maxHeight; readMoreBtn.innerHTML = 'Weiterlesen >'; } else { fadeEffect.classList.remove("read-more-text--fade"); readMoreElement.style.maxHeight = 'unset'; readMoreBtn.innerHTML = 'Infos wieder einklappen'; } }); function hideButton(){ if ($(readMoreElement).get(0).scrollHeight <= $(readMoreElement).get(0).clientHeight) { $(readMoreBtn).hide(); $(fadeEffect).hide(); } else { $(readMoreBtn).show(); $(fadeEffect).show(); } } window.addEventListener('resize', hideButton); hideButton();