Question

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;
    }
});

正在发生的问题是，当点击btn时，第一个if语句被调用，然后在第二个if语句被调用之后的一瞬间。

Answer 1

正在执行，因为第一个if条件正在使open变量值为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;
    }
    else {
        $("#top").removeClass("rotateTop").addClass("BrotateTop");
        $("#mid").css("visibility", "visible");
        $("#btm").removeClass("rotateBtm").addClass("BrotateBtm");

        open = false;
    }
});

JQuery - 不情愿地调用动画

1 个答案: