$(document).ready(function(){ function slickInit() { $('.multiple-item').each(function(index) { var $this = $(this); var slickClass = 'multiple-item' + (index + 1); var prevArrowClass = 'slick-prev' + (index + 1); var nextArrowClass = 'slick-next' + (index + 1); // 900px以下のみslickを有効化 if ($(window).width() <= 900) { if (!$this.hasClass('slick-initialized')) { $this.slick({ dots: true, autoplay: false, infinite: true, speed: 500, autoplaySpeed: 5000, slidesToShow: 1, slidesToScroll: 1, touchThreshold: 10, prevArrow: '.' + prevArrowClass, nextArrow: '.' + nextArrowClass, centerMode: true, centerPadding: '10%', initialSlide: 1 }); } } else { if ($this.hasClass('slick-initialized')) { $this.slick('unslick'); } } }); } // 初回 slickInit(); // リサイズ時 $(window).on('resize', function(){ slickInit(); }); }); $(function() { $(function(){ // URLパラメーターを取得 var urlParams = new URLSearchParams(window.location.search); var scale = urlParams.get('scale'); var job = urlParams.get('job'); var theme = urlParams.get('theme'); // パラメーターがない場合または「?scale=&job=&theme=」の場合のみ表示制御を実行 var shouldApplyControl = (!scale && !job && !theme) || (scale === '' && job === '' && theme === ''); if (shouldApplyControl) { var show = window.innerWidth <= 900 ? 10 : 20; //最初に表示する件数 var contents = '.documentList li.js_listItem:not([style*="display: none"])'; // 対象のlist $(contents + ':nth-child(n + ' + (show + 1) + ')').addClass('is-hidden'); // ウィンドウがリサイズされたときに表示するアイテムの数を再計算 $(window).resize(function() { var newShow = window.innerWidth <= 900 ? 10 : 20; var newNum = newShow === 10 ? 10 : 20; $(contents + ':nth-child(n + ' + (newShow + 1) + ')').addClass('is-hidden'); $(".documentArea").each(function () { var numItems = $(this).find('ul.documentList li.js_listItem:not([style*="display: none"])').length; if(numItems <= newNum){ $('.more1').addClass('is-hidden'); }else{ $('.more1').removeClass('is-hidden'); } }); }); } else { // それ以外のパラメーターがある場合は、.is-hiddenクラスを外し、more1ボタンを非表示にする $('.documentList li.js_listItem').removeClass('is-hidden'); $('.more1').addClass('is-hidden'); $('.close1-1').addClass('is-hidden'); $('.close1-2').addClass('is-hidden'); } $('.more1').on('click', function () { $(contents + '.is-hidden').fadeIn(300, function() { updateVisibility(); }).removeClass('is-hidden'); }); $('.close1-1').on('click', function () { $('.documentList li.js_listItem:not([style*="display: none"]):nth-of-type(n + 13)').addClass('is-hidden'); $(this).css('display','none'); $('.more1').removeClass('none'); //$('html, body').animate({ scrollTop: $('#anc1').offset().top }, 400); }); $('.close1-2').on('click', function () { $('.documentList li.js_listItem:not([style*="display: none"]):nth-of-type(n + 11)').addClass('is-hidden'); $(this).css('display','none'); $('.more1').removeClass('none'); //$('html, body').animate({ scrollTop: $('#anc1').offset().top }, 400); }); function updateVisibility() { if ($(contents + '.is-hidden').length == 0) { $('.more1').addClass('none'); $('.close1-1').css('display','block'); $('.close1-2').css('display','block'); } else { $('.more1').removeClass('none'); $('.close1').css('display','none'); $('.close1-2').css('display','none'); } } }); $(function(){ $(".documentArea").each(function () { var num = $(this).find('ul.documentList li.js_listItem:not([style*="display: none"])').length; if(num <= (window.innerWidth <= 900 ? 10 : 20)){ $('.more2').addClass('is-hidden'); }else{ $('.more2').removeClass('is-hidden'); } }); }); }); $(window).on('load resize', function(){ var w = $(window).width(); var x = 900; if (w <= x) { $('.js_leftSearchHeading').removeClass('open'); $('.js_industryList').css('display','none'); } else { } }); $(function() { var isSP = window.matchMedia('(max-width: 768px)').matches; // URLにパラメーターがあるか判定 if (window.location.search.length > 1) { $('.fade-box').show(); $('.open-box').addClass('active'); $('.open-box a').text('その他の絞り込み条件を閉じる'); $('#leftNavOpen').addClass('open'); $('#leftSearch').show(); } else if (isSP) { // パラメーターなし&SPの場合 $('#leftNavOpen').removeClass('open'); $('#leftSearch').hide(); } // 既存のクリックイベント $('.open-box').on('click', function(e) { e.preventDefault(); var $this = $(this); var $a = $this.find('a'); var $fadeBox = $('.fade-box'); if ($this.hasClass('active')) { $this.removeClass('active'); $a.text('その他の絞り込み条件を見る'); $fadeBox.slideUp(); } else { $this.addClass('active'); $a.text('その他の絞り込み条件を閉じる'); $fadeBox.slideDown(); } }); });