/********************************************* * obungucontentsName.js *********************************************/ /* ------------------------------------------- * @init ------------------------------------------- */ $(function(){ var u = new EPOS_CARD.Util(); $.obunguToggle(); $.customScroll(); $(window).on('load', function (){ $.loadcheck(); }); }); /* ------------------------------------------- * @plugin ------------------------------------------- */ (function($){ /* * obunguToggle * PC:タブ切り替え SP:アコーディオン */ $.obunguToggle = function(){ // instance var u = new EPOS_CARD.Util(); // vars var $elm = $(".obungu-tabWrap01"), cnt = ".obungu-tabContent", toggle = ".obungu-spToggleTrg", list = ".obungu-tabList li", activeName = "active", speed = 300, $list = $elm.find(list), $cnt = $elm.find(cnt), $toggle = $elm.find(toggle), mode = u.isRangeSP()? "SP" : "PC", webkit = /webkit/; 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(); $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); } return false; }); }; /* spInit */ var spInit = function(){ var $trg = $toggle.find("a"), $close = $(".obungu-spToggleClose").find("a"); // setting _init(); // 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(".obungu-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" }); }); }; $.loadcheck = function(){ // instance var u = new EPOS_CARD.Util(); // vars var $elm = $(".js-loadAnimation"); var animationClass = 'is-animation'; if($elm.length === 0){ return false; } $elm.addClass(animationClass) }; })(jQuery);