<!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="accordion">
<h3>《西游记》简介</h3>
<div>
<p>一个和尚和四个动物的故事: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non suscipit explicabo tenetur corrupti facere labore mollitia illum deserunt excepturi pariatur libero voluptatibus sit aspernatur. Cum consequatur et laborum perspiciatis aliquid!</p>
</div>
<h3>《水浒传》简介</h3>
<div>
<p>105个男人和3个女人的故事: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni reiciendis eligendi ullam voluptatibus ratione vel ut veritatis accusamus odit quisquam ex rerum placeat ipsum pariatur nam culpa omnis eos perspiciatis.</p>
</div>
<h3>《红楼梦》简介</h3>
<div>
<p>一个男人和一群女人的故事: Lorem ipsum dolor sit amet, consectetur adipisicing elit. In tempora quos iste quia animi obcaecati sint maxime nihil est quod. Sint pariatur illo dolorem velit reprehenderit explicabo itaque porro culpa.</p>
</div>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script src="jquery-ui-1.11.4/jquery-ui.js"></script>
<script>
$(".accordion").accordion();
</script>
</body>
</html>
手风琴
最新推荐文章于 2025-06-23 16:14:56 发布