65 lines
2.2 KiB
JavaScript
65 lines
2.2 KiB
JavaScript
// Help page navigation functionality
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Get all navigation links
|
|
const navLinks = document.querySelectorAll('.help-nav a');
|
|
const contentSections = document.querySelectorAll('.content-section');
|
|
|
|
// Hide all sections except the first one
|
|
contentSections.forEach((section, index) => {
|
|
if (index > 0) {
|
|
section.style.display = 'none';
|
|
}
|
|
});
|
|
|
|
// Add click event listeners to navigation links
|
|
navLinks.forEach(link => {
|
|
link.addEventListener('click', function(e) {
|
|
e.preventDefault();
|
|
|
|
const targetId = this.getAttribute('data-target');
|
|
const targetSection = document.getElementById(targetId);
|
|
|
|
if (targetSection) {
|
|
// Hide all sections
|
|
contentSections.forEach(section => {
|
|
section.style.display = 'none';
|
|
});
|
|
|
|
// Show the target section
|
|
targetSection.style.display = 'block';
|
|
|
|
// Scroll to the section
|
|
targetSection.scrollIntoView({ behavior: 'smooth' });
|
|
|
|
// Update active state in navigation
|
|
updateActiveNav(this);
|
|
}
|
|
});
|
|
});
|
|
|
|
// Function to update active navigation state
|
|
function updateActiveNav(activeLink) {
|
|
// Remove active class from all links
|
|
navLinks.forEach(link => {
|
|
link.classList.remove('active');
|
|
});
|
|
|
|
// Add active class to clicked link
|
|
activeLink.classList.add('active');
|
|
|
|
// If it's a sub-link, also activate the parent
|
|
if (activeLink.parentElement.parentElement.classList.contains('nav-sub')) {
|
|
const parentLink = activeLink.closest('li').previousElementSibling.querySelector('.nav-main');
|
|
if (parentLink) {
|
|
parentLink.classList.add('active');
|
|
}
|
|
}
|
|
}
|
|
|
|
// Initialize active state for the first link
|
|
const firstNavLink = document.querySelector('.help-nav a');
|
|
if (firstNavLink) {
|
|
firstNavLink.classList.add('active');
|
|
}
|
|
});
|