https://www.shippinno.net/js/tab_top.js?20190826

1$(function () {
2  var num1 = $('#step1 .actv').attr('id');
3  var num2 = $('#step2 .actv').attr('id');
4  $('.' + num1 + '.' + num2).css({'position': 'relative', 'opacity': '1'});
5
6  $('#step2 li').css('display', 'none');
7  $('#fba,#logimopro,#logizard,#sbl,#sgl,#other').css('display', 'block');
8
9  $("#step1 li").on("click", function () {
10    var num1 = $(this).attr('id');
11
12    $('#step2 li').css('display', 'none');
13    $('#step2 li').removeClass("actv");
14
15    if (num1 == 'rakuten') {
16      $('#fba,#logimopro,#logizard,#sbl,#sgl,#other').css('display', 'block');
17      $('#fba').addClass('actv');
18    } else if (num1 == 'yahoo') {
19      $('#fba,#rsl,#logimopro,#logizard,#sbl,#sgl,#other').css('display', 'block');
20      $('#fba').addClass('actv');
21    } else if (num1 == 'nextengine') {
22      $('#fba,#logizard,#logimopro,#sbl,#sgl,#other').css('display', 'block');
23      $('#fba').addClass('actv');
24    } else if (num1 == 'amazon') {
25      $('#logizard,#logimopro,#sbl,#sgl,#other').css('display', 'block');
26      $('#logimopro').addClass('actv');
27    } else if (num1 == 'shopify') {
28      $('#fba,#rsl,#logimopro,#logizard,#sbl,#sgl,#other').css('display', 'block');
29      $('#fba').addClass('actv');
30    }
31
32    $('#show > div').css({'position': 'absolute', 'opacity': '0'});
33    $('#step1 li').removeClass("actv");
34    $(this).addClass('actv');
35
36    var num2 = $('#step2 .actv').attr('id');
37    $('.' + num1 + '.' + num2).css({'position': 'relative', 'opacity': '1'});
38  });
39
40  $("#step2 li").on("click", function () {
41    var num1 = $('#step1 .actv').attr('id');
42    var num2 = $(this).attr('id');
43    $('#show > div').css({'position': 'absolute', 'opacity': '0'});
44    $('#step2 li').removeClass("actv");
45    $(this).addClass('actv');
46    $('.' + num1 + '.' + num2).css({'position': 'relative', 'opacity': '1'});
47  });
48});
49$(function () {
50  $('.tab li:nth-child(1)').addClass('actv');
51  $('.tab li').click(function () {
52    var num = $(this).parent().children('li').index(this);
53    $(this).parent('.tab').each(function () {
54      $('>li', this).removeClass('actv').eq(num).addClass('actv');
55    });
56    $(this).parent().next().children('.tab_box').css({
57      'position': 'absolute',
58      'opacity': '0'
59    }).eq(num).css({'position': 'relative', 'opacity': '1'});
60  })
61});
62
63$(function () {
64  var windowWidth = parseInt($(window).width());
65  if (windowWidth < 641) {
66    var selectedItem1 = $("#step1 li.actv").text();
67    var selectBox1 = $("#step1");
68    var selectItems1 = $("#step1 li");
69    var display1 = $(".selected_item1");
70    var selectedItem2 = $("#step2 li.actv").text();
71    var selectBox2 = $("#step2");
72    var selectItems2 = $("#step2 li");
73    var display2 = $(".selected_item2");
74    display1.text(selectedItem1);
75    selectBox1.hide();
76    $("#step1 li.actv").css("background", "#F7F9F8");
77    display1.on("click", function () {
78      selectBox2.hide();
79      display2.removeClass("show").text(selectedItem2);
80      selectBox1.show();
81      display1.addClass("show");
82    });
83
84    selectItems1.on("click", function () {
85      selectItems1.removeClass("actv").css("background", "#fff");
86      $(this).addClass("actv").css("background", "#F7F9F8");
87      selectedItem1 = $("#step1 li.actv").text();
88      selectBox1.hide();
89      display1.removeClass("show").text(selectedItem1);
90      $('#step2 li').removeClass("actv");
91      $('#step2 li:nth-child(1)').addClass('actv');
92      selectedItem2 = $("#step2 li.actv").text();
93      display2.text(selectedItem2);
94      selectBox2.hide();
95    });
96
97    display2.text(selectedItem2);
98    selectBox2.hide();
99    $("#step2 li.actv").css("background", "#F7F9F8");
100    display2.on("click", function () {
101      selectBox2.show();
102      display2.addClass("show");
103    });
104
105    selectItems2.on("click", function () {
106      selectItems2.removeClass("actv").css("background", "#fff");
107      $(this).addClass("actv").css("background", "#F7F9F8");
108      selectedItem2 = $("#step2 li.actv").text();
109      selectBox2.hide();
110      display2.removeClass("show").text(selectedItem2);
111    });
112  }
113});