更改切换箭头的颜色，jQuery

// HTML结构
<div class="toggle">
  <span class="arrow"></span>
  Toggle Content
</div>

// CSS样式
.arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  transition: all 0.3s ease;
}

.arrow.active {
  border-color: #ff0000; /* 更改箭头颜色为红色 */
}

// jQuery代码
$(document).ready(function() {
  $('.toggle').click(function() {
    $(this).find('.arrow').toggleClass('active');
  });
});