https://www.city.hamada.shimane.jp/www/assets/js/top.js

1$(function(){
2  // slider-mv
3  var slideObj01 = $('.slider-mv .js-slider');
4  slideObj01.slick({
5    accessibility: true,
6    autoplay: true,
7    autoplaySpeed: 4000,
8    speed: 1300,
9    swipe: false,
10    infinite: true,
11    fade: true,
12    arrows: false,
13    touchMove: true,
14    pauseOnFocus: false,
15    pauseOnHover: false,
16    dots: true,
17    appendDots: '.slider-mv .dots'
18  }).slick('slickPlay');
19  $('#slide01-control-pause').on('click keypress',function(){
20    $('#slide01-control-pause').hide();
21    $('#slide01-control-play').show();
22    slideObj01.addClass('slide-pause');
23    slideObj01.slick('slickPause');
24  });
25  $('#slide01-control-play').on('click keypress',function(){
26    $('#slide01-control-play').hide();
27    $('#slide01-control-pause').show();
28    slideObj01.removeClass('slide-pause');
29    slideObj01.slick('slickPlay');
30  });
31
32  // tab
33  $('.tab').click(function(){
34    const group = $(this).parents('.group'); 
35    group.find('.is-active').removeClass('is-active');
36    $(this).addClass('is-active');
37    group.find('.is-show').removeClass('is-show');
38    const index = $(this).index();
39    group.find(".panel").eq(index).addClass('is-show');
40  });
41});