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