Eu estou usando um jQueryMobile (v1.4.0)conjunto dobrável / acordeões para exibir uma lista de elementos e seu conteúdo, conformejsFiddle.

<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> 

O problema que tenho é comrolagem quando o conteúdo de um item é maior que o comprimento da tela.

Por exemplo, no violino:

Abra o primeiro item recolhívelRole até o final (se você não precisar rolar, redimensione a janela para que você tenha que ... caso contrário, o problema não estará visível)Abra o segundo item

=> o primeiro item é fechado e o segundo item é aberto, mas a rolagem da página não muda e você agora vê o final do conteúdo do segundo item.

Assim minha pergunta: Existe uma maneira inteligente de forçar a página a definir o "cabeçalho" do segundo item na parte superior da tela?

Obrigado, T.