Как сделать, чтобы стрелка у тега поворачивалась при нажатии?

Чтобы поворачивать стрелку у тега при нажатии, можно использовать CSS и JavaScript.

Сначала добавим стрелку в виде элемента <span> рядом с тегом, который будет разворачиваться. Например, если у нас есть <div> с контентом и на нем нужно повернуть стрелку, то HTML может выглядеть примерно так:

<div class="content">
  Содержимое <span class="arrow">▼</span>
</div>

После этого добавим стили для стрелки с помощью CSS:

.arrow {
  display: inline-block;
  transition: transform 0.3s;
}

.rotate {
  transform: rotate(180deg);
}

Теперь добавим JavaScript для поворота стрелки при клике. Мы будем использовать event listener для отслеживания клика на элементе и добавления/удаления класса rotate:

document.querySelector('.arrow').addEventListener('click', function() {
  this.classList.toggle('rotate');
});

Теперь, при каждом клике на стрелку, она будет поворачиваться на 180 градусов. Помните, что это - простой пример, и вы можете настроить стили и анимации в зависимости от ваших потребностей.