Compassion vs Empathy, Meaning, Examples, Fatigue, Synonym `;toc.insertAdjacentHTML('beforeend', html);});document.addEventListener('DOMContentLoaded', function() {var leadText = document.querySelector('.table-of-contents-lead-text');leadText.addEventListener('click', function() { closeTOC();});});function closeTOC() {if (window.innerWidth < 992) {var contentsSections = document.querySelectorAll('.table-of-contents-section');contentsSections.forEach(function(section) {section.classList.toggle('visible');section.style.display = section.style.display === 'block' ? 'none' : 'block';});// Update the arrow rotation based on the first section's visibilityvar arrow = document.querySelector('.table-of-contents-lead-text > .arrow');var firstSection = contentsSections[0];if (firstSection.classList.contains('visible')) {arrow.style.transform = 'rotate(180deg)';} else {arrow.style.transform = 'rotate(0deg)';}}}document.addEventListener('DOMContentLoaded', function() {var stickyStart = toc.offsetTop;window.addEventListener('scroll', function() {if (window.pageYOffset > stickyStart) {toc.classList.add('sticky');} else {toc.classList.remove('sticky');}});});document.addEventListener('DOMContentLoaded', () => {setTimeout(function() {// Get all the anchor linksconst anchorLinks = document.querySelectorAll('.table-of-contents a[href^="#"]:not([href="#"])');// Get all the target elementsconst targets = Array.from(anchorLinks).map((link) => {const id = link.getAttribute('href');const targetElement = document.querySelector(id);return targetElement ? { element: targetElement, id } : null;}).filter(target => target !== null);for (const targetObj of targets) {const target = targetObj.element;const link = anchorLinks[targets.indexOf(targetObj)];link.addEventListener("click", function (event) {event.preventDefault();const scrollPosition = window.scrollY + target.getBoundingClientRect().top - 150;window.scrollTo({top: scrollPosition,behavior: 'smooth'});});}// Create an IntersectionObserver instanceconst observer = new IntersectionObserver((entries) => {entries.forEach((entry) => {const target = targets.find(target => target.element === entry.target);if (target) {const link = document.querySelector(`a[href="${target.id}"]`);if (entry.isIntersecting) {link.classList.add('active');} else {link.classList.remove('active');}}});}, {rootMargin: '0px',threshold: 0.1 // Change this value to adjust when the "active" class is added or removed});// Observe the target elementstargets.forEach((target) => {observer.observe(target.element);});// Add active class on page load if a target is in the viewportwindow.addEventListener('load', () => {targets.forEach((target) => {const rect = target.element.getBoundingClientRect();if (rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth)) {const link = document.querySelector(`a[href="${target.id}"]`);link.classList.add('active');}});});}, 1000);});ncG1vNJzZmivp6x7orrAoZinmV6YvK57xKdmpp2eqa6teceemKWsmGSwsLnPmqqsoZ%2Bj