/* ------------------------------------------- * @constructor ------------------------------------------- */ var u = new EPOS_CARD.Util(); // u インスタンスを作成 /* ------------------------------------------- * @init ------------------------------------------- */ j$(function(){ $.guideTabs(); $.guideAccordion(); $.guideModal(); }); /* ------------------------------------------- * @plugin ------------------------------------------- */ (function($){ var u = new EPOS_CARD.Util(); // u インスタンスを作成 /* * @method guideTabs */ $.guideTabs = function(config){ var c = $.extend({ elm: ".js-guidTabNav", trigger: ".js-guidTabNavLink", target: ".js-tabContents", activeClass: "is-active" },config); // vars var $elm = $(c.elm); var $trigger = $(c.trigger); var $target = $(c.target); if($elm.length === 0){ return false; } var params = new URLSearchParams(document.location.search); var name = params.get("contents"); var hash = location.hash; var tabControl = function(tabName) { $trigger.removeClass(c.activeClass); $target.removeClass(c.activeClass); $(c.trigger+"[href=#"+tabName+"]").addClass(c.activeClass); $(c.target+"#"+tabName).addClass(c.activeClass); } if(name && $('#'+name).length != 0) { tabControl(name); } if(hash && $(hash).length != 0) { var position = $(hash).offset().top; $('body,html').animate({scrollTop:position}, 'swing'); } $trigger.on('click', function() { var self = $(this); if(!self.hasClass(c.activeClass)) { var tabHref = self.attr('href').replace('#',''); tabControl(tabHref); return false; } else { return false; } }) } /* * @method guideAccordion */ $.guideAccordion = function (){ // $(window).resize(function() { // if (window.matchMedia("(max-width: 1024px)").matches) { $('.js-accordionTarget').click(function () { $(this).next().slideToggle(300); $(this).toggleClass('is-open'); }); // } else { // $('.js-accordionTarget').next().slideUp(); // } // }); $('.js-accordionTarget').click(function () { $(this).parents('.entry-item__body').toggleClass('is-heightAuto'); }); } /* * @method guideModal */ $.guideModal = function (){ $(function() { $(".cboxElement").colorbox({ // モーダルウィンドウの大きさを最大値を設定 maxHeight:"85%", }); }); } })(jQuery);