ฟังก์ชั่น jquery animate เมื่อคลิกปุ่มเดียว

    $('.edit').click(function () {
    var anim = 0;
    if(anim == 0){
        $('.foo_menu1').animate({
            bottom:"0px",
            opacity: "1",
            }, 600);

        $('.foo_menu2').animate({
            bottom:"-47px",
            opacity: "0",
            }, 600);

        anim += 1;
    }else{
        $('.foo_menu1').animate({
            bottom:"-47px",
            opacity: "0",
            }, 600);

        $('.foo_menu2').animate({
            bottom:"0px",
            opacity: "1",
            }, 600);
            anim=0;
    }
    });
})

ฉันเป็นมือใหม่กับ jQuery โปรดช่วยฉันด้วย ฉันมีปุ่มเดียวและกล่อง div สองกล่อง โดยค่าเริ่มต้น กล่อง div กล่องแรก (foo_menu1) จะปรากฏขึ้น ขณะที่คลิกที่ปุ่ม กล่องแรกจะปรากฏขึ้น และกล่องที่สองจะหายไป

แต่เมื่อฉันคลิกครั้งแรก มันก็ทำงานได้ดีตามเงื่อนไข IF แรก แต่ถ้าฉันคลิก btn เดิมอีกครั้ง มันจะไม่เข้าไปด้านในของฟังก์ชัน else