const readMoreElement = document.getElementById("readMore661d0bb5e51f0"); const readMoreBtn = document.getElementById("btnReadMore661d0bb5e51f0"); const fadeEffect = document.getElementById("fadeOverEffect661d0bb5e51f0"); document.querySelector("#btnReadMore661d0bb5e51f0").addEventListener("click", () => { let maxHeight = "176px"; 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();