Javascript 使用JQuery切换特定类

我对jquery非常陌生，我在这个页面上有一堆可折叠的手风琴，我试图在我点击的一个手风琴标题上上下切换一个字形图标箭头。箭头正在按计划更改，但所有箭头都在更改，而不仅仅是我单击的箭头。我尝试过类似的答案，但这对我的情况不起作用。我觉得我的编码不对

<div class="panel-heading menuBack" role="tab" id="headingOne">
  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
      <h4 class="panel-title">
          Breakfast Burritos <span class="servicedrop glyphicon glyphicon-download"></span>
      </h4>
  </a>
</div>

    $(this).click('shown.bs.collapse', function() {
      $('.servicedrop', this).toggleClass('glyphicon-upload');
    });

早餐玉米饼
$（this）。单击（'show.bs.collapse'，function（）{
$（'.servicedrop'，this）.toggleClass（'glyphicon-upload'）；
});

您可以将两个类名传递给toggleClass，只要元素上有一个类名，它就会在它们之间切换

$(this).find('.servicedrop').toggleClass('glyphicon-upload glyphicon-download');

---

showdev帮助我认识到我的$（这个）指的是我的整个文档。一旦我做了以下改变，一切都很顺利

$('.panel-title').click(function() {
  $('span', this).toggleClass('glyphicon-upload');
});

---

嗨，这是我正在制作的网页。当我点击一个菜单时，它显示所有箭头的变化。在您的上下文中，它看起来像是

此

指的是文档本身。因此，单击文档上的任意位置将切换文档中的所有

.servicedrop

元素。哦，太好了，这很有意义。我得把这一切清理干净。谢谢你的帮助！