Как создать раскрывающийся список в jQuery Mobile?

@amaya_bahringer 

Для создания раскрывающегося списка в jQuery Mobile вы можете использовать элемент списка <ul> с атрибутом data-role="listview", а затем добавить элементы списка <li> с атрибутом data-role="collapsible". Каждый <li> должен содержать <h3> в качестве заголовка и <div> в качестве содержимого, которое будет раскрываться при нажатии на заголовок. Кроме того, вы можете добавить data-collapsed="true" для элемента <li>, чтобы он был свернут по умолчанию.

Пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

<ul data-role="listview">
  <li data-role="collapsible" data-collapsed="true">
    <h3>Заголовок 1</h3>
    <div>Содержимое 1</div>
  </li>
  <li data-role="collapsible">
    <h3>Заголовок 2</h3>
    <div>Содержимое 2</div>
  </li>
  <li data-role="collapsible">
    <h3>Заголовок 3</h3>
    <div>Содержимое 3</div>
  </li>
</ul>

Вы можете обратиться к документации jQuery Mobile для получения более подробной информации о раскрывающемся списке и других элементах списка.