[UXUI 웹디자인] 2달차 과제_32 / 탭 메뉴 만들기

https://ninefloor.github.io/web-practice/work/32/

$(document).ready(function(){
  $(".tab_cont2").hide();
  $(".tab-btn>ul>li").eq(0).click(function(){
    $(this).css({"text-decoration": "underline"});
    $(".tab-btn>ul>li").eq(1).css({"text-decoration": "none"});
    $(".tab_cont1").show();
    $(".tab_cont2").hide();
  })
  $(".tab-btn>ul>li").eq(1).click(function(){
    $(this).css({"text-decoration": "underline"});
    $(".tab-btn>ul>li").eq(0).css({"text-decoration": "none"});
    $(".tab_cont2").show();
    $(".tab_cont1").hide();
  })
});

탭 메뉴의 컨텐츠로 들어가야 할 부분의 경우 선택자 메소드로 선택하기 어려운 부분이 있어 각각의 클래스를 지정해주었다. (각각 .tab_cont1 / .tab_cont2)