<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>My first jQuery Mobile code</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div data-role="page" id="home"> <div data-role="header" data-position="fixed"> <h1>Nested collapsible content</h1> </div> <div data-role="content"> <div data-role="collapsible"> <h2>Rome</h2> <div data-role="collapsible"> <h3>History</h3> <p> There is archaeological evidence of human occupation in the Rome area from at least 14,000 years, but the dense layer of much younger debris obscures Palaeolithic and Neolithic sites.[11] Evidence of stone tools, pottery ans stone weapons attest to at least 10,000 years of human presence. </p> </div> <div data-role="collapsible" > <h3>Government of Rome</h3> <p> Rome constitutes one of Italy's 8,101 communes, and is the largest both in terms of land area and population. it is governed by a mayor, currently Gianni Alemanno, and a city council. </p> </div> </div> <div data-role="collapsible" > <h2>Madrid</h2> <div data-role="collapsible"> <h3>History</h3> <p> Although the site of modern-day Madrid has been occupied since pre-historic times,[23] in the Roman era this territory belonged to the diocese of Complutum (present-day Alcalá de Henares). </p> </div> <div data-role="collapsible" > <h3>Government of Rome</h3> <p> The City Council consists of 57 members, one of them being the Mayor, currently Alberto Ruiz-Callardón Jiménez. The Mayor presides over the Council. </p> </div> </div> </div> <div data-role="footer" data-position="fixed"> <h1>www.goodcleanfun.de</h1> </div> </div> </body> </html>