Javascript 如何在兄弟切换状态的基础上使用attr向下/向上切换V形？

我想让ahref中的跨度在点击时旋转，当ul再次隐藏其目标时，将其旋转回正常的V形向下

这是我的代码（它是shopify，基于液体循环，因此这里是jquery和一组值，我排除了循环中的3个div）-我有ul（框）的切换来显示/隐藏，但现在我只需要添加/删除“active-1”类要使用css向下切换V形以旋转-但是我似乎无法实现这一点，单击时不会在单击另一个时删除跨度上的“active-1”类。切换值

任何指导都会有帮助。谢谢大家!

    jQuery(document).ready(function($){
  $('.toggle').on('click', function(){
var targetBox = $(this).attr('target-box'); // Find the target box



    $('.box').not(targetBox).removeClass('shown'); 

    $(targetBox).toggleClass('shown'); // Toggle the current state of this one

  });
}); 

黑色的

黄金

银币

您可以这样做：

 jQuery(document).ready(function($) {
    $('.toggle').on('click', function() {
       var targetBox = $(this).attr('target-box');
       $('.box').not(targetBox).removeClass('shown');
       $(targetBox).toggleClass('shown');
       $(".chevron-down.active-1").not($(this).find(".chevron-down")).removeClass("active-1");
       $(this).find(".chevron-down").toggleClass("active-1");
    });
 });

---

您可以这样做：

 jQuery(document).ready(function($) {
    $('.toggle').on('click', function() {
       var targetBox = $(this).attr('target-box');
       $('.box').not(targetBox).removeClass('shown');
       $(targetBox).toggleClass('shown');
       $(".chevron-down.active-1").not($(this).find(".chevron-down")).removeClass("active-1");
       $(this).find(".chevron-down").toggleClass("active-1");
    });
 });

---

@CCodes很高兴我能帮忙：）@CCodes很高兴我能帮忙：）