编辑您的代码：提交代码

​x
 
1
2
3
<!DOCTYPE html>
4
<html>
5
<head>
6
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
7
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
8
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
9
</head>
10
<body>
11
​
12
<div data-role="page" id="pageone">
13
  <div data-role="header">
14
    <h1>可折叠集合</h1>
15
  </div>
16
​
17
  <div data-role="content">
18
    <div data-role="collapsible-set">
19
      <div data-role="collapsible">
20
        <h3>点击我 - 我可以折叠！</h3>
21
        <p>我是可折叠的内容。</p>
22
      </div>
23
      <div data-role="collapsible">
24
        <h3>点击我 - 我可以折叠！</h3>
25
        <p>我是可折叠的内容。</p>
26
      </div>
27
      <div data-role="collapsible">
28
        <h3>点击我 - 我可以折叠！</h3>
29
        <p>我是可折叠的内容。</p>
30
      </div>
31
      <div data-role="collapsible">
32
        <h3>点击我 - 我可以折叠！</h3>
33
        <p>我是可折叠的内容。</p>
34
      </div>
35
    </div>
36
  </div>
37
​
38
  <div data-role="footer">
39
    <h1>Insert Footer Text Here</h1>
40
  </div>
41
</div>
42
​
43
</body>
44
</html>
45
          

查看结果：

请在上面的文本框中编辑您的代码，然后单击提交按钮测试结果。w3c0.com

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。 当使用本站时，代表您已接受了本站的使用条款和隐私条款。版权所有，保留一切权利。 鲁ICP备15022115号