Javascript Jquery click函数未激活toggleClass

目标：我计划拥有多个按钮。每个按钮将一个接一个地出现，单击该按钮将激活一个css类，其中包含一个动画

问题：最初，单击第一个按钮，此操作有效。但是，第二个按钮需要在切换css类之前双击

在一些研究的基础上，我发现解决方法是在jquery中为每个按钮创建一个单独的单击函数

新问题：这现在允许一次单击即可激活第二个按钮，但现在toggleClass不会启动

作为一个新手，我现在不确定下一步该做什么。希望有人能给我一个解决这个问题的建议

接下来，我计划在“按钮”消失之前，使用类似的方法激活/切换“按钮”上的动画，这可能会使问题进一步复杂化

谢谢

---

已解决：

单击第一个按钮后，动画类将添加到div中，第一次单击第二个按钮将从div中删除该类（如果该类不存在，则切换添加该类，如果存在则删除该类），因此，您始终需要单击该类两次

此代码将在动画完成所需的1.5秒后自动删除该类

$(document).ready(function () {
    $("#bt").show();
    $("#bt2").hide();

    $("#bt,#bt2").click(function () {
        $(".box1").toggleClass("box1-change");
        setTimeout(function () {
            $(".box1").toggleClass("box1-change");
        }, 1500);

        $("#bt").hide();
        $("#bt2").show();
    });
});

---

这里工作的jsfiddle在第二个click函数中，而不是在toggle us addClass中

$(document).ready(function () {
    $("#bt").show();
    $("#bt2").hide();
    $("#bt3").hide();

    $("#bt").click(function () {
        $(".box1").toggleClass("box1-change");

        $("#bt").hide();
        $("#bt2").show();
    });

    $("#bt2").click(function () {
        $(".box1").addClass("box1-change");

        $("#bt2").hide();
        $("#bt3").show();
    });
});

---

2个问题=2个问题：迪奇甚至点击删除你的类。但是动画是和加课有关的。啊，当然！感谢您突出显示偶数点击。接近按钮最好向按钮添加一个类，然后切换按钮类。在需要添加更多按钮的情况下：尝试了一些东西之后-我现在有了一个工作示例，但我似乎无法让建议的addClass/removeClass方法工作：（感谢您的帮助。我想我找到了一种方法，可以通过克隆框来获得所需的效果，下面是JSFIDLE希望这有帮助：）

$(document).ready(function () {
    $("#bt").show();
    $("#bt2").hide();

    $("#bt,#bt2").click(function () {
        $(".box1").toggleClass("box1-change");
        setTimeout(function () {
            $(".box1").toggleClass("box1-change");
        }, 1500);

        $("#bt").hide();
        $("#bt2").show();
    });
});

$(document).ready(function () {
    $("#bt").show();
    $("#bt2").hide();
    $("#bt3").hide();

    $("#bt").click(function () {
        $(".box1").toggleClass("box1-change");

        $("#bt").hide();
        $("#bt2").show();
    });

    $("#bt2").click(function () {
        $(".box1").addClass("box1-change");

        $("#bt2").hide();
        $("#bt3").show();
    });
});