https://gunwi3964.co.kr/design/gunwi2024/js/sub.js?v=2610061157

1$(function () {
2
3    if ($('.depth1 li.on').find('.depth2').length > 0) {
4        $('.depth1').addClass('margin');
5    }
6
7    $event = $('.chan_view')
8    $event.not(':first').hide();
9    $('.chan_list li').on('click', function () {
10        var target = $(this).attr('class');
11        var targetID = '#' + target;
12        //console.log(targetID)
13        $(targetID).show();
14        $event.not($(targetID)).hide();
15        $(this).children('a').addClass('on');
16        $('.chan_list li').not($(this)).children('a').removeClass('on');
17        var offset = $(targetID).offset();
18        $('html, body').animate({ scrollTop: offset.top - 110 }, 400);
19        return false;
20    });
21
22
23    //.slideT02
24    $pgmSlide = $('.slideimg');
25    $thmb = $('.thmbDots');
26    $pgmSlide.slick({
27        slidesToShow: 1,
28        slidesToScroll: 1,
29        variableWidth: true,
30        arrows: true,
31        adaptiveHeight: true,
32        asNavFor: $thmb,
33        responsive: [{
34            breakpoint: 1023,
35            settings: {
36                variableWidth: false
37            }
38        }
39        ]
40    });
41    $thmb.slick({
42        slidesToShow: 4,
43        arrows: false,
44        asNavFor: $pgmSlide,
45        focusOnSelect: true,
46        centerMode: false,
47        responsive: [{
48            breakpoint: 480,
49            settings: {
50                slidesToShow: 3
51            }
52        }
53        ]
54    });
55
56
57    var slideimg = document.querySelectorAll('.slideimg li');
58    var thmb = document.querySelector('.thmb');
59
60    if (slideimg.length === 1) {
61        thmb.style.display = 'none';
62    }
63
64
65
66
67    $('.slideT01 .slide').slick({

68        useAutoplayToggleButton: false,
69        slidesToShow: 1,
70        slidesToScroll: 1,
71        variableWidth: false,
72        infinite: true,
73        autoplay: true,
74        fade: false,
75        autoplaySpeed: 3000,
76        responsive: [{
77            breakpoint: 1023,
78            settings: {
79
80            }
81        },
82        {
83            breakpoint: 768,
84            settings: {
85            }
86        },
87        {
88            breakpoint: 480,
89            settings: {
90            }
91        }
92        ]
93    });
94
95    //테마파크 소개 > 가이드맵 > 편의시설 및 부대시설 높이 강제조정
96    window.addEventListener('load', setEqualHeight);
97    window.addEventListener('resize', setEqualHeight);
98    function setEqualHeight() {
99        const containers = document.querySelectorAll('.convi_list > div');
100        let maxHeight = 0;
101        containers.forEach(container => {
102            container.style.height = 'auto';
103        });
104        containers.forEach(container => {
105            const height = container.offsetHeight;
106            if (height > maxHeight) {
107                maxHeight = height;
108            }
109        });
110        containers.forEach(container => {
111            container.style.height = maxHeight + 'px';
112        });
113    }
114
115
116    $(function () {
117
118        $(window).on('scroll', function () {
119            var sTop = $(window).scrollTop();
120            var start1 = 1162;
121            var end1 = 1760;
122            var start2 = 1761;
123            var end2 = 3262;
124            var start3 = 3362;
125            // console.log('Scroll Top: ', sTop);
126            var link = $('.group_nav li a');
127            if (sTop >= start1 && sTop <= end1) {
128                link.removeClass('on');
129                $('.group_nav li:nth-child(1) a').addClass('on');
130            } else if (sTop >= start2 && sTop <= end2) {
131                link.removeClass('on');
132                $('.group_nav li:nth-child(2) a').addClass('on');
133            }
134            else if (sTop >= start3) {
135                link.removeClass('on');
136                $('.group_nav li:nth-child(3) a').addClass('on');
137            } else {
138                link.removeClass('on');
139            }
140        })
141
142        if (window.innerWidth <= 1023) {
143            $(window).on('scroll', function () {
144                var sTop = $(window).scrollTop();
145                var start1 = 863;
146                var end1 = 1303;
147                var start2 = 1403;
148                var end2 = 3406;
149                var start3 = 3506;
150                var link = $('.group_nav li a');
151                if (sTop >= start1 && sTop <= end1) {
152                    link.removeClass('on');
153                    $('.group_nav li:nth-child(1) a').addClass('on');
154                } else if (sTop >= start2 && sTop <= end2) {
155                    link.removeClass('on');
156                    $('.group_nav li:nth-child(2) a').addClass('on');
157                }
158                else if (sTop >= start3) {
159                    link.removeClass('on');
160                    $('.group_nav li:nth-child(3) a').addClass('on');
161                } else {
162                    link.removeClass('on');
163                }
164            })
165        }
166
167
168
169    });
170})
171
172//자주묻는질문
173document.addEventListener('DOMContentLoaded', function () {
174    const qnaList = document.querySelectorAll('.qnalist dt');
175
176    qnaList.forEach(dt => {
177        dt.addEventListener('click', function () {
178            const dd = this.nextElementSibling;
179
180            if (dd.classList.contains('show')) {
181                dd.classList.remove('show');
182                this.classList.remove('on');
183            } else {
184
185                document.querySelectorAll('.qnalist dd').forEach(dd => dd.classList.remove('show'));
186                document.querySelectorAll('.qnalist dt').forEach(dt => dt.classList.remove('on'));
187
188                dd.classList.add('show');
189                this.classList.add('on');
190            }
191        });
192    });
193});
194
195
196