자바 스크립트 할떄
<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 라는 그룹명을 쓰면 적용이 안되요. 다른 라이브러리 때문인가요?
