Estoy usando un jQueryMobile (v1.4.0)set plegable / acordeones para mostrar una lista de elementos y su contenido como se muestra en estejsFiddle.

<div id="List" data-role="collapsible-set">
    <div data-role="collapsible" data-content-theme="c">
       <h3>Lorem ipsum 1</h3>
       <p>Suspendisse neque...</p>
    </div>
    <div data-role="collapsible" data-content-theme="c">
       <h3>Lorem ipsum 2</h3>
       <p>Lorem ipsum...</p>
    </div>
</div> 

El problema que tengo es condesplazamiento cuando el contenido de un elemento es más largo que la longitud de la pantalla.

Por ejemplo en el violín:

Abra el primer elemento plegable.Desplácese hasta la parte inferior (si no tiene que desplazarse, cambie el tamaño de la ventana para que tenga que ... de lo contrario, el problema no se verá)Abrir el segundo articulo

=> el primer elemento se cierra y el segundo elemento se abre, pero el desplazamiento de la página no cambia y ahora ve el final del contenido del segundo elemento.

Por eso mi pregunta: ¿Hay alguna forma inteligente de forzar la página para establecer el "encabezado" del segundo elemento en la parte superior de la pantalla?

Gracias, T.