jQuery插件之Accordion

最新推荐文章于 2018-08-30 10:54:15 发布

best-toby

最新推荐文章于 2018-08-30 10:54:15 发布

阅读量251

点赞数

分类专栏： jQuery插件文章标签： jquery插件

本文链接：https://blog.csdn.net/besttoby01/article/details/77841723

版权

jQuery插件专栏收录该内容

5 篇文章 0 订阅

订阅专栏

Accordion

1.简单的使用：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>折叠</title>

    <script src="../jquery1.js"></script>

    <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css

">
    <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js

"></script>

</head>
<body>
<dl id="dl">
    <dt>上海</dt>
    <dd>北凉</dd>
    <dt><h1>北京</h1></dt>
    <dd>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。</dd>
    <dt><h3>北京</h3></dt>
    <dd>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。</dd>
    <dt><h5>北京</h5></dt>
    <dd>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。</dd>
</dl>
<script>
    $("#dl").accordion({
        event:"mouseover",
        animate:false,
        header:"dt"
    });
</script>
</body>
</html>

这就做成了一个折叠式的东西；event代表的是移上去触发；animate代表的是是否触发动画效果，true是触发；header代表从哪开始折叠，这里是从第一个dt标签开始