/********************************************* * fatesn.js *********************************************/ /* ------------------------------------------- * @init ------------------------------------------- */ $(function(){ var u = new EPOS_CARD.Util(); $.customScroll(); j$(window).on('load', function (){ $.fsnToggle(); }); }); /* ------------------------------------------- * @plugin ------------------------------------------- */ (function($){ /* * fsnToggle * PC:タブ切り替え SP:アコーディオン */ $.fsnToggle = function(){ // instance var u = new EPOS_CARD.Util(); // vars var $elm = $(".fsn-tabWrap01"), cnt = ".fsn-tabContent", toggle = ".fsn-spToggleTrg", list = ".fsn-tabList li", activeName = "active", speed = 300, $list = $elm.find(list), $cnt = $elm.find(cnt), $toggle = $elm.find(toggle), mode = u.isRangeSP()? "SP" : "PC", hash = location.hash, webkit = /webkit/; var params = new URLSearchParams(document.location.search); var name = params.get("contents"); if($elm.length === 0){ return false; } // setting if(u.isRangeSP()){ $list.removeClass(activeName); $cnt.removeClass(activeName); } /* _init * 初期化 */ var _init = function(){ $list.removeClass(activeName); $cnt.css("display","").removeClass(activeName); $toggle.removeClass(activeName); }; /* pcInit */ var pcInit = function(){ var $trg = $list.find("a"); // setting _init(); if(name && $('.'+name).length != 0) { $('.'+name).each(function() { var self = $(this); self.addClass(activeName); }) if(hash && $(hash).length !=0) { var offsetPos = $(hash).offset().top; $('body,html').animate({scrollTop:offsetPos}, 300, 'swing'); } else { var fsnpos = $('.fsn-tabWrap').offset().top - 30; $('body,html').animate({scrollTop:fsnpos}, 300, 'swing'); } } else { $list.eq(0).addClass(activeName); $cnt.eq(0).addClass(activeName); } // click $trg.on("click",function(){ var self = $(this), $myList = self.parent("li"); switch($myList.hasClass(activeName)){ case true: break; case false: tabSwitch(); break; default: break; } function tabSwitch(){ var getTarget = self.attr("href"), $target = $(getTarget); $list.removeClass(activeName); $cnt.removeClass(activeName); $myList.addClass(activeName); $target.addClass(activeName); } EPOS_CARD.module.equalHeight(true, true); return false; }); }; /* spInit */ var spInit = function(){ var $trg = $toggle.find("a"), $close = $(".fsn-spToggleClose").find("a"); // setting _init(); if(name) { var num = name.replace('tab',''); if(name && $('.toggle'+num).length != 0) { $('.toggle'+num).find(toggle).addClass(activeName); $(cnt+'.'+name).addClass(activeName).slideDown(speed); if(hash && $(hash).length !=0) { setTimeout(function() { var offsetPos = $(hash).offset().top; $('body,html').animate({scrollTop:offsetPos}, 300, 'swing'); }, 500); } else { var spfsnpos = $('.toggle'+num).offset().top; $('body,html').animate({scrollTop:spfsnpos}, 300, 'swing'); } } } // click $trg.on("click",function(){ var self = $(this), $myToggle = self.parent(toggle), getTarget = self.attr("href"), $target = $(getTarget); if($target.is(":animated")){ return false; } switch($myToggle.hasClass(activeName)){ case true: $myToggle.removeClass(activeName); $target.removeClass(activeName); $target.slideUp(speed); break; case false: $myToggle.addClass(activeName); $target.addClass(activeName); $target.slideDown(speed); break; default: break; } return false; }); $close.on("click",function(){ var self = $(this), $wrapper = self.closest(".fsn-spToggleContent"), $target = $wrapper.find(cnt), $toggle = $wrapper.find(toggle), ofs_top = $wrapper.offset().top; $target.slideUp(speed).removeClass(activeName); $toggle.removeClass(activeName); $("html, body").animate({ scrollTop: ofs_top }, speed, "swing"); }); }; /* initialize */ var _initialize = function(){ if(!u.isRangeSP()){ pcInit(); } else { spInit(); } }; _initialize(); u.isWindowSizeCheck(function(){ var afterMode = u.isRangeSP()? "SP" : "PC"; if(mode !== afterMode){ _initialize(); mode = afterMode; } }); }; /* * 既存踏襲 * $.customScroll * カスタムスクロールバー */ $.customScroll = function(){ if($("#news_area").length === 0){ return false; } $(window).load(function(){ $("#news_area").mCustomScrollbar({ scrollButtons:{enable:true}, theme:"my-theme" }); }); }; })(jQuery);