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 = `
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
}