Jquery .toggleClass不工作

我有一个简单的jquery任务。我有一个手风琴。我不能完全控制代码，因为它是wordpress的东西

我给手风琴的标题是这个代码：

<div class="teamTitle teamTitleDown">Jordan Gales | Job Title</div>

这些类添加了一个图标。它最初是一个左插入符号，当您单击它时，它会变成一个下插入符号

toggle类只工作一次。单击时，我在inspect工具中看到类teamTitle消失了。在视觉上，我看到图标从左插入符号变为下插入符号

但在随后的点击中，不会再发生任何事情。我希望每次单击时都能打开/关闭类teamTitle

我是否有代码错误，或者我没有正确理解toggleClass

如果重要的话，以下是这两个类的CSS：

.teamTitle:after {
content: '\f0da'!important;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin:0px 0px 0px 10px;
text-decoration:none;
}

.teamTitleDown:after {
content: '\f0d7';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin:0px 0px 0px 10px;
text-decoration:none;
}

$（“.teamTitle”）.toggleClass（“teamTitle”）}

这是第一次工作，因为

$（'.teamTitle'）

匹配您想要匹配的元素，并从中删除“teamTitle”类

第二次它不起作用，因为

$（'.teamTitle'）

与任何元素都不匹配，因为您已经删除了要匹配的类名

存储DOM元素列表并重用它，而不是每次按类名匹配：

var foo = $('.teamTitle');
// from now on, foo.toggleClass('teamTitle') will operate on the same elements (as long as foo remains in scope!)

或者在那些不需要开关的元素上添加一个额外的类名，并使用它来标识元素：

<div class="foo teamTitle teamTitleDown">Jordan Gales | Job Title</div>

$('.foo').toggleClass('teamTitle')

Jordan Gales |职务
$（'.foo'）.toggleClass（'teamTitle'））

我想出来了。新手犯的错误

我使用选择器$（“.teamTitle”）进行切换，但随后切换了同一个类。所以在我点击一次之后，它切换了这个类。但是现在那门课不在了，所以我不能再选择了

---

我只是简单地改成了$（“.teamTitleDown”），现在它运行得很好

啊，我想我意识到了这个问题。我选择了班名，但第一次之后，那班就不见了！所以一旦它消失，我就无法选择它。

<div class="foo teamTitle teamTitleDown">Jordan Gales | Job Title</div>

$('.foo').toggleClass('teamTitle')