document.addEventListener("DOMContentLoaded", function () {
// Expand/collapse units
document.querySelectorAll(".unit-header").forEach(function (header) {
header.addEventListener("click", function () {
this.parentElement.classList.toggle("active");
});
});
// Handle lesson click
document.querySelectorAll(".lesson-link").forEach(function (link) {
link.addEventListener("click", function (e) {
e.preventDefault();
// Remove 'active' from all lesson links
document.querySelectorAll(".lesson-link").forEach(function (el) {
el.classList.remove("active");
});
// Add 'active' to clicked link
this.classList.add("active");
// Load lesson content via AJAX
const templateId = this.getAttribute("data-template-id");
fetch(`/wp-json/wp/v2/elementor-template/${templateId}`)
.then((response) => response.json())
.then((data) => {
const content = data?.content?.rendered;
if (content) {
document.getElementById("lesson-content").innerHTML = content;
} else {
console.warn("No content found for template ID:", templateId);
}
})
.catch((error) => {
console.error("Error loading lesson:", error);
});
});
});
});
Skip to content
