Значок своп на основе свернутых данных не работает

Question

У меня есть выпадающий список, и я хотел изменить значки шеврон-вверх и шеврон-вниз, основываясь на том, свернуты данные или нет.

Я не уверен, что не так с моей текущей структурой, которая не позволит иконкам поменяться местами при свертывании и расширении данных.

<a data-toggle="collapse" data-collapse-icon="ChevronDown" data-expand-icon="ChevronUp" aria-expanded="false" aria-controls="advancedCollapse" href="#advancedCollapse">
    <span class="win-icon"></span>
</a>

Answer 1

Судя по предоставленному коду, ваш синтаксис неверен.Это должно быть похоже на:

<div data-role="collapsible" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u">
  <h1>Collapsed State</h1>
  <p>Expanded state</p>
</div>

Для получения дополнительной информации, вы можете проверить http://demos.jquerymobile.com/1.2.1/docs/content/content-collapsible.html

https://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_collapsible_icons