Content Marketing Agency for B2B

document.addEventListener('DOMContentLoaded', function() { const questions = document.querySelectorAll('.question'); const answers = document.querySelectorAll('.fade-in'); const tabLinks = document.querySelectorAll('.tab-link'); questions.forEach(function(question) { question.addEventListener('mouseover', function() { const targetId = question.dataset.target; const targetAnswer = document.getElementById(targetId); // Remove 'active' class from all questions, answers, and tab links questions.forEach(function(q) { q.classList.remove('active-quest'); }); answers.forEach(function(answer) { answer.classList.remove('active'); }); tabLinks.forEach(function(link) { link.classList.remove('active'); }); // Add 'active' class to the clicked question, its answer, and its tab link question.classList.add('active-quest'); targetAnswer.classList.add('active'); question.parentElement.classList.add('active'); }); }); }); $(document).ready(function() { // Add click event listener to tab links $('.tab-link').on('click', function() { // Toggle active class on the clicked tab link $(this).toggleClass('active-mob'); // Find the next element with class 'desktop-mobile-hidden' and toggle its visibility $(this).next('.desktop-mobile-hidden').slideToggle(); // Hide other elements with class 'desktop-mobile-hidden' that are not the next sibling $('.desktop-mobile-hidden').not($(this).next('.desktop-mobile-hidden')).slideUp(); // Remove 'active' class from other tab links that are not the clicked one $('.tab-link').not(this).removeClass('active-mob'); }); });