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

Question

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

问题是，它仅在第一次单击时有效。不是第二个。 (第三个工作正常，但第四个不行，依此类推)。

取消点击并再次点击后，将不会显示动画。

出了什么问题？为什么取消点击后再次点击看不到动画？

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/

Answer 1

隐藏unclick时删除l_toggle类:

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