https://www.tac-school.co.jp/library/tacmap/renew-js/script2.js

1(function ($) {
2    $(document).ready(function(){
3        // SP用変更
4        if (uasp.type === "sp") {
5            
6            setTimeout(function(){
7           
8            var target = $('#recommendScrollBox').find('img');
9            var hh = (target.eq(0).height()+5) * 3;
10            //var double = $('#recommendScrollBox').find('.double').length;
11
12            if ($('#recommendScrollBox').height() > hh) {
13
14                  $('#recommendScrollBox').css('height', hh);
15               
16                $('#recommendMore').on('click', function () {
17                    if ($('#recommendScrollBox').height() > hh) {
18                        var boxtop = jQuery('#recommendBlock').offset(this);
19                        $(window).scrollTop(boxtop.top);
20                        $(this).html('<span>もっと見る</span>');
21                        $('#recommendScrollBox').css('height', hh);
22                    } else {
23                        $(this).html('<span class="close">閉じる</span>');
24                        $('#recommendScrollBox').css('height', 'auto');
25                    }
26                });
27            } else {
28                $('#recommendMore').hide();
29            }
30            
31            },1000);
32        } else {
33            // おすすめ情報スクロール
34            var target = $('#recommendScrollBox').find('ul');
35            if (target.length > 1) {
36                recommendScroll(target);
37            } else {
38            }
39        }
40        
41        
42  var accordions_set = [];
43
44  $('.normalAccordionBlock').each(function(index,obj){
45    var blockName = 'normalAccordionBlock';
46    var btn = $(this).find('.normalAccordionBtn');
47    var innerName = 'normalAccordionInner';
48    accordions_set[index] = new accordionSetGlobal();
49    accordions_set[index].init(btn,innerName,blockName);
50    accordions_set[index].animFlag = true;
51    accordions_set[index].eventSet();
52  });
53
54
55
56    });
57    // おすすめ情報スクロール
58    var recommendScroll = function (target) {
59        var prev = $('#recommendPrev');
60        var next = $('#recommendNext');
61        var pos = $('#recommendPointer');
62        var box = $('#recommendScrollBox');
63        box.css('width', (target.length + 1) * 890);
64        var autoScroll;
65        var baseTime = 8000;
66        var positionNum = 0;
67        var positionNum2 = 0;
68        var clickFlag = true;
69        var i = 0;
70        var span = [];
71        while (target.length > i) {
72            span[i] = $('<span>').attr('id', 'TopSlideIDNum' + i);
73            if (i === 0) span[i].addClass('active');
74            span[i].on('click', function () {
75                clearTimeout(autoScroll);
76                positionNum = +(this.id.match(/\d/));
77                positionNum2 = +(this.id.match(/\d/));
78                scrollAnime();
79            });
80            pos.append(span[i])
81            i++;
82        }
83        box.append(box.find('ul').eq(0).clone());
84        next.on('click', function () {
85            if (!clickFlag) return;
86            clearTimeout(autoScroll);
87            if (positionNum < target.length) {
88                clickFlag = false;
89                positionNum++;
90                positionNum2++;
91            }
92            scrollAnime();
93        });
94        prev.on('click', function () {
95            if (!clickFlag) return;
96            clearTimeout(autoScroll);
97            if (positionNum > 0) {
98                clickFlag = false;
99                positionNum--;
100                positionNum2--;
101            } else if (positionNum === 0) {
102                box.css('left', -(target.length) * 890);
103                positionNum = target.length - 1;
104                positionNum2 = target.length - 1;
105            }
106            scrollAnime();
107        });
108        var scrollAnime = function () {
109            pos.find('.active').removeClass('active');
110            if (positionNum2 === target.length) {
111                positionNum = 0;
112            }
113            span[positionNum].addClass('active');
114            box.animate({
115                'left': -positionNum2 * 890
116            }, 600, 'easeOutQuart', function () {

117                clickFlag = true;
118                if (positionNum2 === target.length) {
119                    box.css('left', 0);
120                    positionNum2 = 0;
121                } else {
122                }
123                clearTimeout(autoScroll);
124                autoScroll = setTimeout(function () {
125                    autoFunc()
126                }, baseTime);
127            });
128        }
129        box.on('mouseenter', function () {
130            clearTimeout(autoScroll);
131        });
132        box.on('mouseleave', function () {
133            autoScroll = setTimeout(function () {
134                autoFunc()
135            }, baseTime);
136        });
137        var autoFunc = function () {
138            next.trigger('click');
139        }
140        autoScroll = setTimeout(function () {
141            autoFunc()
142        }, baseTime);
143    }
144    // おすすめ情報スクロールここまで
145})(jQuery);
146
147
148// SPメニュー
149jQuery(function($){
150    // 最初から非表示
151    if (uasp.type === "sp") {
152        $("#kozaMenu").hide();
153        var flg = "close";
154        $(".convBlockSP p").click(
155            function(){
156                $("#kozaMenu").slideToggle();
157                if(flg == "close"){
158                    $(".convBlockSP p img").attr('src', pbGlobalAliasBase + './library/kouza_sharosi/renew-img/btn/menu_closeBtn.png');
159                    flg = "open";
160                } else {
161                    $(".convBlockSP p img").attr('src', pbGlobalAliasBase + './library/kouza_sharosi/renew-img/btn/menu_openBtn.png');
162                    flg = "close";
163                }
164            }
165        );
166    }
167});