Продукция

С EPC Out-Stop Service, доступным для вашей быстрой и более высокой доходности инвестиций

const menuButtons = document.querySelectorAll('.clickshow-menu button'); const contentItems = document.querySelectorAll('.clickshow-content-item'); menuButtons.forEach(button => { button.addEventListener('click', () => { // Remove active class from all buttons menuButtons.forEach(btn => btn.classList.remove('active')); // Add active class to the clicked button button.classList.add('active'); // Hide all content items contentItems.forEach(content => content.classList.remove('active')); // Show the corresponding content item const contentId = button.getAttribute('data-content'); document.getElementById(contentId).classList.add('active'); }); }); const prevButtons = document.querySelectorAll('.prev'); const nextButtons = document.querySelectorAll('.next'); prevButtons.forEach((prevBtn, index) => { prevBtn.addEventListener('click', () => { const items = document.querySelectorAll(`#content${index + 1} a`); let activeIndex = [...items].findIndex(item => item.classList.contains('active')); activeIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1; items[activeIndex].classList.add('active'); [...items].filter((item, idx) => idx !== activeIndex).forEach(item => item.classList.remove('active')); }); }); nextButtons.forEach((nextBtn, index) => { nextBtn.addEventListener('click', () => { const items = document.querySelectorAll(`#content${index + 1} a`); let activeIndex = [...items].findIndex(item => item.classList.contains('active')); activeIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1; items[activeIndex].classList.add('active'); [...items].filter((item, idx) => idx !== activeIndex).forEach(item => item.classList.remove('active')); }); });

О НАС

Leimeng-производитель горнодобывающих машин с универсальным услугом для вас, изучите те ваши потребности на рынке и ваш конкурент, дает вам наиболее подходящее решение и обеспечивает аппарат лучшего качества, важные услуги на месте, включая комиссионные и эксплуатационные учебные заведения, и даже долгосрочную оплачиваемую операцию

const menuButtons2 = document.querySelectorAll('.aboutus-menu button'); const contentItems2 = document.querySelectorAll('.aboutus-content-item'); const moreBtns2 = document.querySelectorAll('.more-btn'); menuButtons2.forEach(button => { button.addEventListener('click', () => { // Remove active class from all buttons menuButtons2.forEach(btn => btn.classList.remove('active2')); // Add active class to the clicked button button.classList.add('active2'); moreBtns2.forEach(btn2 => btn2.classList.remove('activemore')); button.nextElementSibling.classList.add('activemore'); // Hide all content items contentItems2.forEach(content => content.classList.remove('active2')); // Show the corresponding content item const contentId2 = button.getAttribute('data-aboutus'); document.getElementById(contentId2).classList.add('active2'); }); }); const prevButtons2 = document.querySelectorAll('.prev2'); const nextButtons2 = document.querySelectorAll('.next2'); prevButtons2.forEach((prevBtn2, index) => { prevBtn2.addEventListener('click', () => { const items2 = document.querySelectorAll(`#aucontent${index + 1} a`); let activeIndex2 = [...items2].findIndex(item => item.classList.contains('active2')); activeIndex2 = activeIndex2 === 0 ? items2.length - 1 : activeIndex2 - 1; items2[activeIndex2].classList.add('active2'); [...items2].filter((item, idx) => idx !== activeIndex2).forEach(item => item.classList.remove('active2')); }); }); nextButtons2.forEach((nextBtn2, index) => { nextBtn2.addEventListener('click', () => { const items2 = document.querySelectorAll(`#aucontent${index + 1} a`); let activeIndex2 = [...items2].findIndex(item => item.classList.contains('active2')); activeIndex2 = activeIndex2 === items2.length - 1 ? 0 : activeIndex2 + 1; items2[activeIndex2].classList.add('active2'); [...items2].filter((item, idx) => idx !== activeIndex2).forEach(item => item.classList.remove('active2')); }); });

УСЛУГА

  • Расследование сцены

    Расследование сцены

  • Дизайн общения

    Дизайн общения

  • Послепродажные тренировки

    Послепродажные тренировки

  • Послепродажный технический обмен

    Послепродажный технический обмен