develop/6_widget_accordion.html at master · emmi2008/develop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>
  <meta charset="utf-8">
	<link rel="stylesheet" href="jquery-ui-1.11.4/jquery-ui.css">
 </head>
 <body>
  <h1>jQueryUI：Widgets —— Accordion</h1>
	<div class="my-accordion">
		<h4>西游记简介</h4>
		<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat quisquam adipisci repellendus odio temporibus ullam ducimus ea nam maxime beatae veniam iste molestiae culpa. Sint aut et accusantium autem quo!</div>
		<h4>水浒传简介</h4>
		<div>Necessitatibus nesciunt minima vitae quia ipsum natus! Cum nisi fugit aliquid alias nesciunt velit mollitia impedit numquam dignissimos illo! Voluptas quis deleniti quae repellat vitae itaque ab aliquam similique provident.</div>
		<h4>三国简介</h4>
		<div>Sunt alias eveniet atque totam quibusdam dolor voluptatibus iusto consequatur obcaecati dicta eligendi architecto beatae deserunt adipisci vero fugit incidunt pariatur earum quis nihil deleniti veritatis quam eos excepturi quas.</div>
		<h4>红楼梦简介</h4>
		<div>Ab aperiam accusamus natus consequatur a accusantium rerum doloremque ullam incidunt velit molestiae voluptas blanditiis inventore dolorum quae. Provident placeat necessitatibus fuga beatae quae. Eligendi praesentium ut fuga provident facere.</div>
	</div>
	<script src="js/jquery-1.11.3.js"></script>
	<script src="jquery-ui-1.11.4/jquery-ui.js"></script>
	<script>
		$(".my-accordion").accordion();
	</script>
 </body>
</html>