我有一个“购买”按钮和2个tabpanels（一个用于产品描述，另一个用于购买表格） . 我试图这样做，当我点击购买按钮时，它将隐藏产品描述并显示购买表格 . 我知道显示的tabpanel有类：“tab-pane淡入淡出”，隐藏的有类：“tab-pane fade” . 我可以手动更改tabpanels，但我想用按钮更改它们 . 我尝试了一些选项，如.toggleClass，或.addClass和.removeClass，但它们也没有改变inspect元素中的任何内容 . 以下是包含jQuery的代码的一小部分：
<button id="buythis" id="btn" type="button">Add to cart</button>
<script>
$("#btn").click(function(){
$("#profile").toggleClass("tab-pane fade in active");
});
</script>
<div role="tabpanel" class="tab-pane fade in active" id="home">
<div role="tabpanel" class="tab-pane fade" id="profile">
1 回答
你有一个双重身份证号：
id="buythis" id="btn"如果删除id="buythis"，它就可以了 .但是，您是否知道“标签窗格淡入活动”是4个不同的类？它将删除“tab-pane”和“fade”，然后添加“in”和“active”，这是故意的吗？