Question

我有一个“购买”按钮和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">

Answer 1

您有双重身份证明：id="buythis" id="btn" 如果您删除id="buythis"，则无效。

但是，您是否知道＆＃34;标签窗格淡入活动状态＆＃34;是4个不同的类？它将删除＆＃34; tab-pane＆＃34;和＆＃34;淡出＆＃34;，然后添加＆＃34;＆＃34;和＃34;活跃＆＃34;，是故意的吗？

用于还原div类的按钮

1 个答案: