function toggleService(event, serviceId) {
event.preventDefault(); // Prevent default anchor tag behavior
// Hide all services
var services = document.querySelectorAll('.service');
services.forEach(function(service) {
service.classList.remove('active');
});
// Show the selected service
var selectedService = document.getElementById(serviceId);
if (selectedService) {
selectedService.classList.add('active');
}
// Update active state on anchor tags
var links = document.querySelectorAll('.services-container a');
links.forEach(function(link) {
link.classList.remove('active');
});
event.target.classList.add('active');
}
