Jquery 第二次显示后切换（）不起作用

我有一个跨度，我想隐藏和显示另一个点击。当我显示第二个跨度时，它将显示一个效果

问题是，它只在第一次单击时起作用。一秒钟内不行。（第三个可以，但第四个不行，依此类推）

在

取消单击后，再次单击它将不会显示动画。

怎么了？为什么在取消单击并再次单击后看不到动画

js

当您隐藏
取消单击时，请删除
l\u切换
类：

$( document ).on( "click", "#unclick", function() {
  $(this).hide();
  // add this
  $('#unclick').removeClass("l_toggle");
  $('#click').show();
 });

添加
$（'#unclick'）。toggleClass（“l#U toggle”）
到单击处理程序，用于
#取消单击

$(function() {
 $( document ).on( "click", "#click", function() {
  $(this).hide();
  $('#unclick').show();

   $('#unclick').toggleClass("l_toggle");

 });


 $( document ).on( "click", "#unclick", function() {
  $(this).hide();
  $('#click').show();
  $('#unclick').toggleClass("l_toggle"); // add this
 });





});


$（函数（）{
$（文档）。在（“单击”上，“#单击”，函数（）{
$（this.hide（）；
$（“#松开”）.show（）；
$（'#unclick'）。toggleClass（“l#u toggle”）；
});
$（文档）。在（“单击”，“松开”，函数（）上）{
$（this.hide（）；
$（'#单击“）.show（）；
$（'#unclick'）。toggleClass（“l#u toggle”）；//添加此
});
});
#松开img{
宽度：30px；
}
#解开{
显示：无；
}
.l_切换img{
动画名称：旋转；
动画持续时间：1s；
}
@关键帧旋转{
25%{变换：比例（1.2）；}
33%{变换：旋转（35度）；}
66%{变换：旋转（-35度）；}
100%{变换：旋转（0度）；}
}

点击
松开
@RickJoe很好，它可以工作；）考虑将答案标记为被接受，这样其他人就会知道解决方案被发现。
$(function() {
 $( document ).on( "click", "#click", function() {
  $(this).hide();
  $('#unclick').show();

   $('#unclick').toggleClass("l_toggle");

 });


 $( document ).on( "click", "#unclick", function() {
  $(this).hide();
  $('#click').show();
  $('#unclick').toggleClass("l_toggle"); // add this
 });





});