Javascript jQuery根据单击次数设置动画

我一直在尝试编写一个函数，可以在单击时显示或隐藏某些内容，而我目前只能根据按钮的单击次数来显示/隐藏这些内容。我的代码：

$（文档）.ready（函数（）{
$（“#twitch pasek przycisk”）。单击（函数（）{
var e=0；
e=e+1；
如果（e%2==0）
{
$（“#twitch pasek”）.animate（{左：'-150px'}）；
}
$（“#twitch pasek”）.animate（{左：'150px'}）；
var i=document.getElementById（'licznik'）；
i、 innerHTML=e；
});
});
在click事件之外声明
e
变量，否则每次单击时它都会被覆盖，并且总是返回
1
。请参见下面的工作代码段：


$（文档）.ready（函数（）{
var e=0；
$（“#twitch pasek przycisk”）。单击（函数（）{
e=e+1；
如果（e%2==0）{
$（“#twitch pasek”）。制作动画({
左：'-150px'
});
}
$（“#twitch pasek”）。制作动画({
左：“150px”
});
var i=document.getElementById（'licznik'）；
i、 innerHTML=e；
});
});
twitch pasek{
位置：相对位置；
宽度：250px；
左边距：-150px；
高度：75px；
边界半径：0px 35px 35px 0px；
背景颜色：灰色；
背景#2b2b；
}
#twitch-pasek-przycisk{
位置：绝对位置；
浮动：对；
高度：75px；
宽度：75px；
边界：5px；
边界半径：50%；
背景色：黑色；
大纲：无；
}
#利兹尼克{
背景色：黑色；
宽度：150px；
高度：50px；
颜色：白色；
}
#twitch-pasek-przycisk：聚焦{
背景色：白色；
边界：0px；
大纲：无；
}
#特维奇康特纳{
位置：绝对位置；
边缘顶部：5px；
浮动：对；
高度：70像素；
左边距：-10px；
颜色：白色；
}

信息














计数器：
当您在单击事件中单击时，
e
每次初始化为
0


用这个

 $(document).ready(function(){
          var e=0;
          $("#twitch-pasek-przycisk").click(function(){
                e=e+1;
                if(e%2==0)
                {
                   $("#twitch-pasek").animate({left: '-150px'});
                }
                $("#twitch-pasek").animate({left: '150px'});
                var i=document.getElementById('licznik');
                i.innerHTML = e;
           });
});

非常感谢，现在可以用了。老实说，我很惊讶我之前没有弄明白这一点。@JakubTybiński，不客气。很乐意帮忙。如果答案有帮助，请不要忘记接受。