jquery - 在show()在第二次不起作用后切换

我要隐藏一个跨度，并在单击时显示另一个。当我显示第二个跨度时，它将显示一种效果。

问题是，它仅在第一次点击时有效。不在第二位。 （第三个效果很好，但第四个效果不好，依此类推）。

在unclick之后并再次单击它将不会显示动画。

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

js

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

  $('#unclick').toggleClass("l_toggle"); //work only first time?

 });


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





});

https://jsfiddle.net/b7c34kgv/2/

最佳答案

隐藏l_toggle时删除您的unclick类：

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