@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 для получения более подробной информации о раскрывающемся списке и других элементах списка.