show라는 그룹명의 오류

[황종완]

자바 스크립트 할떄 
<div class="container mt-5">
  <ul class="list">
    <li class="tab-button">Products</li>
    <li class="tab-button orange">Information</li>
    <li class="tab-button">Shipping</li>
  </ul>
  <div class="tab-content">
    <p>상품설명입니다. Product</p>
  </div>
  <div class="tab-content show1">
    <p>스펙설명입니다. Information</p>
  </div>
  <div class="tab-content">
    <p>배송정보입니다. Shipping</p>
  </div>
</div>

$('.tab-button').eq(0).on('click', function(){
    $('.tab-button').removeClass('orange');
    $('.tab-button').eq(0).addClass('orange');
    $('.tab-content').removeClass('show1');
    $('.tab-content').eq(0).addClass('show1');
  })
    
  $('.tab-button').eq(1).on('click', function(){
    $('.tab-button').removeClass('orange');
    $('.tab-button').eq(1).addClass('orange');
    $('.tab-content').removeClass('show1');
    $('.tab-content').eq(1).addClass('show1');
  })
    
  $('.tab-button').eq(2).on('click', function(){
    $('.tab-button').removeClass('orange');
    $('.tab-button').eq(2).addClass('orange');
    $('.tab-content').removeClass('show1');
    $('.tab-content').eq(2).addClass('show1');
  })


css. 도 자바도 그렇고 show 라는 그룹명을 쓰면 적용이 안되요. 다른 라이브러리 때문인가요?

[codingapple]

css중에 show같은게 하나 더 있거나 .show{} 위치가 너무 위에 있어서 그럴수도요

[글쓴이]

글