https://www.regal.co.jp/js/usr/top_lightningrecommend.js?20240315v1

1/* ---LightningRecommend TOPページ タブ化---- */
2jQuery(document).ready(function() { 
3    // ランキング
4    var $topChooseRankingStyle = jQuery('<div class="top-choose-style"> \    <input id="top-choose-ranking-tab-mens" type="radio" name="RANKING-TAB" class="top-choose-switch" checked="checked"> \    <label for="top-choose-ranking-tab-mens" class="top-choose-ranking-style-label1">MENS</label> \    <div class="top-choose-ranking-tab-content" id="top-choose-ranking-tab-mens-content"> \        <div class="top-choose-ranking-gender"> \        </div> \    </div> \    <input id="top-choose-ranking-tab-womens" type="radio" name="RANKING-TAB" class="top-choose-switch"> \    <label for="top-choose-ranking-tab-womens" class="top-choose-ranking-style-label2">WOMENS</label> \    <div class="top-choose-ranking-tab-content" id="top-choose-ranking-tab-womens-content"> \        <div class="top-choose-ranking-gender"> \        </div> \    </div> \</div>');
5
6    var $blockOfEvent = jQuery('#block_of_event', this);
7    var $blockTopEventHeader= $blockOfEvent.children('.block-top-event--header');
8    var $blockTopEventGoods= $blockOfEvent.children('.block-top-event--goods');
9    var $blockRankingRecommend= $blockOfEvent.children('.block-ranking-lightningrecommend');
10    var $blockTopMoreBtn = $blockOfEvent.children('.brand-top-page-more-btn');
11
12    var $mensRankingGender = jQuery('#top-choose-ranking-tab-mens-content .top-choose-ranking-gender', $topChooseRankingStyle);
13    $mensRankingGender.append($blockRankingRecommend[0]);
14    $mensRankingGender.append($blockTopMoreBtn[0]);
15    $blockTopEventHeader[0].remove();
16    $blockTopEventGoods[0].remove();
17
18    var $womensRankingGender = jQuery('#top-choose-ranking-tab-womens-content .top-choose-ranking-gender', $topChooseRankingStyle);
19    $womensRankingGender.append($blockRankingRecommend[1]);
20    $womensRankingGender.append($blockTopMoreBtn[1]);
21    $blockTopEventHeader[1].remove();
22    $blockTopEventGoods[1].remove();
23    
24    $topChooseRankingStyle.insertAfter($blockOfEvent.children().eq(0));
25    
26    // 新着
27    var $topChooseArrivalStyle = jQuery('<div class="top-choose-style"> \    <input id="top-choose-arrival-tab-mens" type="radio" name="ARRIVAL-TAB" class="top-choose-switch" checked="checked"> \    <label for="top-choose-arrival-tab-mens" class="top-choose-arrival-style-label1">MENS</label> \    <div class="top-choose-arrival-tab-content" id="top-choose-arrival-tab-mens-content"> \        <div class="top-choose-arrival-gender"> \        </div> \    </div> \    <input id="top-choose-arrival-tab-womens" type="radio" name="ARRIVAL-TAB" class="top-choose-switch"> \    <label for="top-choose-arrival-tab-womens" class="top-choose-arrival-style-label2">WOMENS</label> \    <div class="top-choose-arrival-tab-content" id="top-choose-arrival-tab-womens-content"> \        <div class="top-choose-arrival-gender"> \        </div> \    </div> \</div>');
28
29    var $mensArrivalGender = jQuery('#top-choose-arrival-tab-mens-content .top-choose-arrival-gender', $topChooseArrivalStyle);
30    $mensArrivalGender.append($blockTopEventGoods[2]);
31    $mensArrivalGender.append($blockTopMoreBtn[2]);
32    $blockTopEventHeader[2].remove();
33
34    var $womensArrivalGender = jQuery('#top-choose-arrival-tab-womens-content .top-choose-arrival-gender', $topChooseArrivalStyle);
35    $womensArrivalGender.append($blockTopEventGoods[3]);
36    $womensArrivalGender.append($blockTopMoreBtn[3]);
37    $blockTopEventHeader[3].remove();
38    
39    $topChooseArrivalStyle.insertAfter($blockOfEvent.children().eq(2));
40    
41});