手风琴

最新推荐文章于 2025-06-23 16:14:56 发布

面朝大海2017

最新推荐文章于 2025-06-23 16:14:56 发布

阅读量216

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_37783928/article/details/68923512

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