Showing posts with label TIPS & TUTORIAL // Technology // Support // #WebsiteWordpress. Show all posts
Showing posts with label TIPS & TUTORIAL // Technology // Support // #WebsiteWordpress. Show all posts
Subscribe to: Comments ( Atom )
document.addEventListener("DOMContentLoaded", function() { const postBody = document.querySelector(".post-body"); if (!postBody) return; const paragraphs = postBody.querySelectorAll("p"); if (paragraphs.length > 3) { const readMoreBtn = document.createElement("button"); readMoreBtn.className = "readmore-btn"; readMoreBtn.innerHTML = '📰 TEKAN SINI UNTUK BACA SELANJUTNYA ↓'; const hiddenDiv = document.createElement("div"); hiddenDiv.className = "hidden-content"; for (let i = 3; i < paragraphs.length; i++) { hiddenDiv.appendChild(paragraphs[i]); } postBody.appendChild(hiddenDiv); postBody.appendChild(readMoreBtn); hiddenDiv.style.display = "none"; readMoreBtn.addEventListener("click", function() { const isHidden = hiddenDiv.style.display === "none"; hiddenDiv.style.display = isHidden ? "block" : "none"; const arrowIcon = document.getElementById("arrowIcon"); arrowIcon.textContent = isHidden ? "↑" : "↓"; readMoreBtn.innerHTML = (isHidden ? "📖 SEMBUNYIKAN ISI ↑" : "📰 TEKAN SINI UNTUK BACA SELANJUTNYA ↓"); }); } }); ]]>