// let pensionSwiper = new Swiper('.pension-intro-swiper', { // slidesPerView: 3.5, // spaceBetween: 30, // navigation: { // nextEl: '.swiper-button-next', // prevEl: '.swiper-button-prev', // }, // autoplay: { // delay: 2500, // disableOnInteraction: false, // }, // centeredSlides: true, // loop: true, // loopAdditionalSlides: 1, // }); var infoSwiper = { slidesPerView: 3.5, spaceBetween: 30, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, autoplay: { delay: 2500, disableOnInteraction: false, }, // centeredSlides: true, // loop: true, // loopAdditionalSlides: 1, breakpoints: { 320: { slidesPerView: 1.2, spaceBetween: 10, centeredSlides: true, }, 765: { slidesPerView: 2.2, spaceBetween: 20, }, 1024: { slidesPerView: 3.5, spaceBetween: 30, }, }, }; var pensionInfoSwiper01 = new Swiper('.pension-intro-swiper', infoSwiper); var mapinfoSwiper = new Swiper('.map-intro-swiper', infoSwiper); // var swiper01 = new Swiper('#group-swiper', { // slidesPerView: 3.5, // spaceBetween: 30, // centeredSlides: true, // loop: true, // pagination: { // el: '.swiper-pagination', // clickable: true, // }, // navigation: { // nextEl: '.swiper-button-next', // prevEl: '.swiper-button-prev', // }, // centeredSlides: true, // loop: true, // loopAdditionalSlides: 1, // }); var roomopt = { slidesPerView: 3.5, spaceBetween: 30, autoplay: { delay: 3500, }, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, breakpoints: { 320: { slidesPerView: 1.2, spaceBetween: 10, centeredSlides: true, }, 765: { slidesPerView: 2.2, spaceBetween: 20, }, 1024: { slidesPerView: 3.5, spaceBetween: 30, }, }, centeredSlides: true, loop: true, loopAdditionalSlides: 1, }; var groupSwiper01 = new Swiper('#group-swiper02', roomopt); var groupSwiper02 = new Swiper('#indi-swiper', roomopt); // sub06 accordian $('.accordian').click(function (e) { // $(this).children('.text-box').stop().slideDown(); // $(this).classTo('on'); $('.accordian').removeClass('on'); $(this).addClass('on'); let accordianClass = $(this).attr('class'); if (accordianClass.indexOf('on') == true) { // console.log(`accordianClass`, accordianClass); } // $('this').toggleClass('on'); $('.accordian').children('.text-box').stop().slideUp(); $(this).children('.text-box').stop().slideToggle(); });