Javascript-超级简单-如何为第二次单击操作编写代码

对你们大多数人来说可能是一个简单的问题，但我只是在学习，所以你们必须原谅我

我正在编写代码，让几个不同的元素以菊花链顺序出现在屏幕上。基本上，我是在下一个元素之上放置一个元素。 在初始页面加载时，用户将只看到元素_0_5。单击此元素将显示下一个元素，依此类推

我陷入困境的地方是，我不知道如何使代码返回到只显示元素0和5，并重新隐藏所有其他内容。基本上，当我第二次单击元素时，所有元素都会反转之前的操作，并返回到显示元素的初始状态

请帮忙，谢谢

$（'#元素0_3'）。在（'click'，函数（事件）{
$（'#element_0_4'）。removeClass（'动画fadeInDown infinite'）；
setTimeout（函数（）{
$（'#element_0_4'）.addClass（'animated fadeInDown'）；
}, 10);
});
$（“#元素_0_3”）。在（'click'，函数（事件）{
$（'#element_0_6'）。removeClass（'动画旋转无限'）；
setTimeout（函数（）{
$（'#element_0_6'）.addClass（'animated rotateIn'）；
}, 10);
});
$（“#元素_0_3”）。在（'click'，函数（事件）{
$（'#element_0_7'）。removeClass（'动画fadeInDown infinite'）；
setTimeout（函数（）{
$（'#element_0_7'）.addClass（'animated fadeInDown'）；
}, 10);
});
$（“#元素_0_5”）。在（'click'，函数（事件）{
$（'#element_0_0'）。removeClass（'animated slideInUp infinite'）；
setTimeout（函数（）{
$（'#element_0_0'）.addClass（'animated slideInUp'）；
}, 10);
});
$（'#element_0_0'）。在（'click'，函数（事件）{
$（'#element_0_1'）。removeClass（'动画fadeInDown infinite'）；
setTimeout（函数（）{
$（'#element_0_1'）.addClass（'animated fadeInDown'）；
}, 10);
});
$（'#element_0_0'）。在（'click'，函数（事件）{
$（'#element_0_2'）。removeClass（'动画旋转无限'）；
setTimeout（函数（）{
$（'#element_0_2'）.addClass（'animated rotateIn'）；
}, 10);
});
$（'#element_0_0'）。在（'click'，函数（事件）{
$（'#element_0_3'）。removeClass（'动画fadeInDown infinite'）；
setTimeout（函数（）{
$（'#element_0_3'）.addClass（'animated fadeInDown'）；
}, 10);
});
$（“#元素_0_5”）。在（'click'，函数（事件）{
$（'#元素_0_0'）。切换（）；
});
$（'#element_0_0'）。在（'click'，函数（事件）{
$（'#元素_0_1'）。切换（）；
});
$（'#element_0_0'）。在（'click'，函数（事件）{
$（'#元素_0_2'）。切换（）；
});
$（'#element_0_0'）。在（'click'，函数（事件）{
$（'#元素_0_3'）。切换（）；
});
$（“#元素_0_3”）。在（'click'，函数（事件）{
$（'#元素_0_4'）。切换（）；
});
$（“#元素_0_3”）。在（'click'，函数（事件）{
$（'#元素_0_6'）。切换（）；
});
$（“#元素_0_3”）。在（'click'，函数（事件）{
$（'#元素_0_7'）。切换（）；
});您可以添加一个控制变量，如下所示

var click = 0;
$('#element_0_0').on('click', function(event) {
  if(click == 0){
    $('#element_0_1').removeClass('animated fadeInDown infinite');
    setTimeout(function() {
      $('#element_0_1').addClass('animated fadeInDown');
    }, 10);
     click = 1;
  }else{
    $('#element_0_1').addClass('animated fadeInDown');
    setTimeout(function() {
      $('#element_0_1').removeClass('animated fadeInDown infinite')
    }, 10);
     click = 0;
  }

});

更好的样式（IMHO）是使用布尔真/假，而不是整数1/0。