Listas en jQuery Mobile

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

<ul data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="txt a buscar">
	<li><a href="#">List item 1</a></li>
	<li><a href="#">List item 2</a></li>
	<li><a href="#">List item 3</a></li>
	<li data-role="divider">Divisor</li>
	<li><a href="#">List item con burbuja contadora
			<span class="ui-li-count">15</span>
		</a>
	</li>
	<li><a href="#"><img src="images/logoNegroAjustado.png" class="ui-li-icon"></a>
	</li>
	<li data-role="list-divider">Divisor</li>
	<li><a href="#"><img src="images/logoNegroAjustado.png" ></a></li>
	<li><a href="#" data-rel="back" class="ui-btn"> Volver</a>
</ul>

Ejercicio listas

Hacer el ejercicio del enlace completando totalmente la sección de monociclos, tal como se indica.

No olvidar ubicar los botones de retroceso.

Accordion

Para cambiar el icono que se muestra en el acordeo, usaremos el atributo data-collapsed-icon

Para cambiar los estilos del encabezado:
.ui-collapsible-heading-toggle{background: salmon !important}

<div data-role="collapsible-set">
	<div data-role="collapsible" data-collapsed="false">
		<h4>Section 1</h4>
		<p>I'm the collapsible set content for section 1.</p>
	</div>

	<div data-role="collapsible">
		<h4>Section 2</h4>
		<p>I'm the collapsible set content for section 2.</p>
	</div>
</div>