https://www.goo-net.com/common_v2/js/renewal.js?240819

1document.addEventListener('DOMContentLoaded', function () {
2  let kurumaSiteHeaderMenu = document.querySelector('.kurumaSiteHeaderMenu')
3  let kurumaSiteMenuBlockNew = document.querySelector(".kurumaSiteMenuBlockNew")
4  let kurumaSiteHeaderNewMain = document.querySelector(".kurumaSiteHeaderNewMain")
5  let kurumaPageNew = document.querySelector('.kurumaPageNew')
6  let kurumaSiteMenu = document.querySelector('.kurumaSiteMenu')
7  let tableCheck = document.querySelectorAll(".block_easysserchTitle .h3_ttl_type02")
8  let changeTab = document.querySelectorAll('.top_new_color .changeTab')
9  let maker_listNew = document.querySelector('.top_new_color .maker_list')
10  let top_img_cont = document.querySelector('.top_img_cont')
11  let block_ranking_otherTypeList = document.querySelectorAll('.block_ranking_otherTypeCont li')
12  let otherCars = document.querySelectorAll(".kurumaPageNew main .block_ranking_otherTypeCont .inner .top_cars")
13  let block_ranking_bestUsedList = document.querySelectorAll('.block_ranking_bestUsedCont li')
14  let bestCars = document.querySelectorAll(".kurumaPageNew main .block_ranking_bestUsedCont .inner .top_cars")
15  kurumaSiteHeaderMenu.addEventListener('click', function () {
16    kurumaSiteMenuBlockNew.classList.add('isActive')
17    kurumaSiteHeaderNewMain.classList.add('isActive')
18    kurumaPageNew.classList.add('isInactive')
19  })
20  kurumaSiteMenu.addEventListener('click', function (e) {
21    e.stopPropagation()
22  })
23  kurumaSiteMenuBlockNew.addEventListener('click', function (e) {
24      kurumaSiteMenuBlockNew.classList.remove('isActive')
25      kurumaSiteHeaderNewMain.classList.remove('isActive')
26      kurumaPageNew.classList.remove('isInactive')
27      window.scrollTo(0, 0);
28  })
29  tableCheck.forEach((item, index) => {
30    item.addEventListener('click', function () {
31      tableCheck.forEach((el, i) => {
32        el.classList.remove("tableCheck")
33        changeTab[i].classList.remove('show')
34        changeTab[i].classList.add('hide')
35      })
36      if (maker_listNew.classList.contains("show")) {
37        top_img_cont.style.height = "377px"
38      } else {
39        top_img_cont.style.height = "395px"
40      }
41      changeTab[index].classList.remove('hide')
42      changeTab[index].classList.add('show')
43      item.classList.add("tableCheck")
44    })
45  })
46
47  block_ranking_otherTypeList.forEach((item, index) => {
48    item.addEventListener('click', function () {
49      block_ranking_otherTypeList.forEach((el, i) => {
50        el.classList.remove("checked")
51        otherCars[i].classList.add('hide')
52      })
53      otherCars[index].classList.remove('hide')
54      item.classList.add("checked")
55    })
56  })
57
58  block_ranking_bestUsedList.forEach((item, index) => {
59
60    item.addEventListener('click', function () {
61      block_ranking_bestUsedList.forEach((el, i) => {
62        el.classList.remove("checked")
63        bestCars[i].classList.add('hide')
64      })
65      bestCars[index].classList.remove('hide')
66      item.classList.add("checked")
67    })
68  })
69
70
71  new Swiper('.release_noteNew .swiper', {
72    loop: true,
73    slidesPerView: 3,
74    spaceBetween: 16,
75    navigation: {
76      nextEl: '.swiper-button-next',
77      prevEl: '.swiper-button-prev',
78    },
79    pagination: {
80      el: '.swiper-pagination',
81      clickable: true,
82    },
83  })
84
85  new Swiper('.topic_car_reviewNewImg .swiper', {
86    loop: true,
87    slidesPerView: 3,
88    spaceBetween: 13,
89    navigation: {
90      nextEl: '.swiper-button-next-2',
91      prevEl: '.swiper-button-prev-2',
92    },
93    pagination: {
94      el: '.swiper-pagination2',
95      clickable: true,
96    },
97  })
98
99})