Produk

Dengan layanan satu atap EPC tersedia untuk pengembalian investasi cepat & lebih tinggi Anda

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')); }); });

Tentang kami

Leimeng adalah produsen mesin pertambangan dengan layanan satu atap untuk Anda, pelajari kebutuhan pasar Anda dan pesaing Anda, memberi Anda solusi yang paling cocok, dan memasok mesin berkualitas terbaik, layanan penting di tempat termasuk komisi dan pelatihan operasi, dan bahkan operasi berbayar jangka panjang jangka panjang

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')); }); });

MELAYANI

  • Investigasi Adegan

    Investigasi Adegan

  • Komunikasi Desain

    Komunikasi Desain

  • Pelatihan setelah penjualan

    Pelatihan setelah penjualan

  • Pertukaran teknis setelah penjualan

    Pertukaran teknis setelah penjualan