탭메뉴 작업시 문의사항입니다. 채택완료

 



    

        

            Tab 1

            Tab 2

            Tab 3

            Tab 4

            Tab 5

        

    

    

        

            Tab 1

            Tab 2

            Tab 3

            Tab 4

            Tab 5

        

    





    Tab 1    





    Tab 2





    Tab 3





    Tab 4





    Tab 5



 

 



    $('.pc_tab li').first().addClass("activeClass");

      $(".tab-contents").not(':first').hide();

  

    $('.pc_tab li').on('click',function(){

      $(this).addClass("activeClass").siblings().removeClass("activeClass");

      var link = $(this).find("a").attr("href");

      var link_num = link.substr(link.length-1);

      $("select#tabmenu option").eq(link_num-1).prop("selected", "selected");

      $(".tab-contents").hide();

      $(link).show();

    });

    

    $("select#tabmenu").on("change",function(){

      var select_link = $("select#tabmenu").val();

      var select_num = $(this).prop('selectedIndex');

      $('.pc_tab li').eq(select_num).addClass("activeClass").siblings().removeClass('activeClass');

      $(".tab-contents").hide();

      $(select_link).show();

      console.log(select_link);

    });