JQuery-不情愿地调用动画

出现的问题是，当btn被点击时，第一个if语句被调用，但第二个if语句被调用后的一瞬间。

它的执行是因为第一个

if

条件正在使

打开
变量值
为true
。
您应该
if
，
else

var open = false;

$(".fiveGuysStyle").click(function() {
    if(open == false) {
        $("#top").removeClass("BrotateTop").addClass("rotateTop");
        $("#mid").css("visibility", "hidden");
        $("#btm").removeClass("BrotateBtm").addClass("rotateBtm");

        open = true;
    }
    if(open == true) {
        $("#top").removeClass("rotateTop").addClass("BrotateTop");
        $("#mid").css("visibility", "visible");
        $("#btm").removeClass("rotateBtm").addClass("BrotateBtm");

        open = false;
    }
});

检查我的答案@Seth J.Freeman。对不起，我被其他事情缠住了。
var open = false;

$(".fiveGuysStyle").click(function() {
    if(open == false) {
        $("#top").removeClass("BrotateTop").addClass("rotateTop");
        $("#mid").css("visibility", "hidden");
        $("#btm").removeClass("BrotateBtm").addClass("rotateBtm");

        open = true;
    }
    else {
        $("#top").removeClass("rotateTop").addClass("BrotateTop");
        $("#mid").css("visibility", "visible");
        $("#btm").removeClass("rotateBtm").addClass("BrotateBtm");

        open = false;
    }
});