如果不工作反对不工作

Question

嗨，由于某种原因，当我再次点击它时，我的计数器不会变为1，它会再次使宽度达到100％。（使用Chrome检查发现这一点）

$(document).ready(function collumreacts1() {
    var collumcounter1 = 0;
    if (collumcounter1 == 0) {
        $("#lol").click(function() {
            $("#collum1").animate({ width: '100%' });
        });
        $("#lol").click(function() {
            $("#collum2").hide();
        });
        collumcounter1 = 1;
    } else {
        $("#lol").click(function() {
            $("#collum1").animate({ width: '50%' });
        });
        $("#lol").click(function() {
            $("#collum2").show();
        });
        collumcounter1 = 0;
    }
});

Answer 1

似乎需要在点击事件后检查条件。在活动内部检查if条件。同时对collum2＆amp; collum1归因于同一事件，因此附加一次点击事件将起作用

$(document).ready(function collumreacts1(){
            var collumcounter1 = 0;
            $("#lol").click(function(){
                if(collumcounter1 ===0){
                    $("#collum1").animate({width: '100%'});
                    $("#collum2").hide();
                    collumcounter1 = 1;
                }
                else{
                    $("#collum1").animate({width: '50%'});
                    $("#collum2").show();
                    collumcounter1 = 0;
                }

            });

        });