https://chiba-hanabi.jp/js/common.js?2026

1// header
2$(function () {
3
4  $(".openbtn").click(function () {
5    $(this).toggleClass('active');
6    $("#header").toggleClass('panelactive');
7  });
8  $("#navi li a").click(function () {
9    $(".openbtn").removeClass('active');
10    $("#header").removeClass('panelactive');
11  });
12
13
14  $(function () {
15    var urlHash = location.hash;
16    if (urlHash) {
17      $('body,html').stop().scrollTop(0);
18      setTimeout(function () {
19        var headerHight = 60;
20        var target = $(urlHash);
21        var position = target.offset().top - headerHight;
22        $('body,html').stop().animate({
23          scrollTop: position
24        }, 400);
25      }, 100);
26    }
27  });
28  //スムーススクロール
29  $(function () {
30    $('a[href^="#"]').click(function () {
31      var speed = 500;
32      var href = $(this).attr("href");
33      var target = $(href == "#" || href == "" ? 'html' : href);
34      var position = target.offset().top;
35      $("html, body").animate({
36        scrollTop: position
37      }, speed, "swing");
38      return false;
39    });
40  });
41  $(function () {
42    var pagetop = $('.pagetop');
43    // ボタン非表示
44    pagetop.hide();
45    // 100px スクロールしたらボタン表示
46    $(window).scroll(function () {
47      if ($(this).scrollTop() > 350) {
48        pagetop.fadeIn();
49      } else {
50        pagetop.fadeOut();
51      }
52    });
53    pagetop.click(function () {
54      $('body, html').animate({
55        scrollTop: 0
56      }, 500);
57      return false;
58    });
59  });
60});
61
62// ボタン非表示
63$(function () {
64  $(".acc_title").on("click", function () {
65    $(this).next().slideToggle(200);
66    $(this).toggleClass("open", 200);
67  });
68});
69
70// slide
71$(document).ready(function () {
72  $("#slide")
73    .on("init", function () {
74      $('.slick-slide[data-slick-index="0"]').addClass("add-animation");
75    })
76    // 通常のオプション
77    .slick({
78      autoplay: true,
79      fade: true,
80      arrows: false,
81      speed: 2000,
82      autoplaySpeed: 4000,
83      pauseOnFocus: false,
84      pauseOnHover: false,
85    })
86    .on({
87      // スライドが移動する前に発生するイベント
88      beforeChange: function (event, slick, currentSlide, nextSlide) {
89        $(".slick-slide", this).eq(nextSlide).addClass("add-animation");
90        $(".slick-slide", this).eq(currentSlide).addClass("remove-animation");
91      },
92      afterChange: function () {
93        $(".remove-animation", this).removeClass(
94          "remove-animation add-animation"
95        );
96      },
97    });
98});
99
100
101// バナースライド
102$(document).ready(function () {
103
104  $('.bnr_slide').slick({
105    autoplay: true,
106    autoplaySpeed: 3000,
107    arrows: false,
108    dots: false,
109    infinite: true,
110    slidesToShow: 1,
111    slidesToScroll: 1,
112    centerMode: true,
113    centerPadding: '20%',
114    pauseOnFocus: false,
115    pauseOnHover: false,
116
117    responsive: [
118      {
119        breakpoint: 768,
120        settings: {
121          centerMode: false,
122          centerPadding: '0',
123        }
124      }
125    ]
126  });
127
128});