Javascript Can'；我不知道如何使用jquery添加/删除类

我需要关于我的wordpress主题的JS代码的帮助。 第一部分是当它查找h4标题时，如果它有某些文本，它会将此h4下面的所有段落包装到div中（将所有段落隐藏到淡入部分），并添加“按钮”（即span）：

我需要的是，在段落文本显示后，我想点击按钮，然后一切都像第一部分一样返回。 我想出了这样的办法：

$('span#expanded').click(function() {
  $(this).parent('.expanded').removeClass('expanded').addClass('expand');
});

但它不起作用(

---

非常感谢您的帮助

使用

事件委派

和

.toggleClass（）

而不是

.addClass（）

和

.removeClass（）

---

选中$（this）.parent（'.expand'）.length您可能希望更改为

$（this）.parents（'.expanded'）

。parent将仅获取项目的直接父级，而parents将获取您在选择器中提供的匹配元素，无论继承者权限级别如何。我认为在这种情况下，toggleClass将不起作用，因为触发器（按钮）更改其ID和内容（“shoew more/show less”）@SergeyDubovik:如果您已经找到了答案，那么让我们通过勾选下面发布的

答案来结束这个问题。不幸的是，此代码破坏了页面上的js。控制台显示SyntaxError:意外标记（与上面的代码相同，很不幸地破坏了页面上的js。控制台显示SyntaxError:Unexpected token（-
$('span#expand').click(function() {
  $(this).parent('.expand').removeClass('expand').addClass('expanded');
  $(this).remove();
});

$('span#expanded').click(function() {
  $(this).parent('.expanded').removeClass('expanded').addClass('expand');
});

$(document).on("click" , "span#expanded" , function() {
  $(this).parent().toggleClass('expanded expand');
});

 $('#expanded').on('click', function(e) {
   $(this).parent().toggleClass('expanded expand');
   e.preventDefault();
  });