function loadPYQ(subject) { const pyqList = document.getElementById("pyqList"); pyqList.innerHTML = ""; setTimeout(() => { if (!jsonData[subject]) return; jsonData[subject].forEach(pyq => { const listItem = document.createElement("li"); listItem.classList.add("pyq-item"); listItem.innerHTML = ` ${pyq[
Year: ${pyq.Year} | ${pyq["School Name"]}
Exam: ${pyq.Exam} | ${pyq.Marks} Marks | ${pyq.Link.length} Pages
`; listItem.onclick = () => { const bar = listItem.querySelector(".loading-bar"); bar.style.width = "100%"; setTimeout(() => { bar.style.width = "0"; }, 500); showImages(pyq.Link); }; pyqList.appendChild(listItem); }); // Ensure blur-to-clear effect after animation pyqList.classList.add("loaded"); }, 100); // Slight delay for smoother transition }