JQuery插件（二）之Accordion

最新推荐文章于 2019-05-12 14:52:24 发布

小崔崔的博客

最新推荐文章于 2019-05-12 14:52:24 发布

阅读量438

点赞数

分类专栏： JQuery 文章标签： JQuery插件二之Accordion

本文链接：https://blog.csdn.net/qq_39430589/article/details/77469711

版权

JQuery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Accordion

依据标题和内容来自动选择折叠

("#div1").accordion();

Header：定义以哪个标签来折叠
Event：定义折叠的事件。例如：mouseover，鼠标移上去就可以展开。
Animate：定义是否有动画。默认true 有动画效果。
Disable：禁用折叠。
Destroy：销毁折叠。

插件

<script src="../jquery-3.2.1.min.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>

jQuery Accordion 插件用于创建折叠菜单。它通常与嵌套的列表、定义列表或嵌套的 div 一起使用。选项用于指定结构、激活的元素和定制的动画。

  <title></title>
    <script src="../jquery-3.2.1.min.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>
<div id="div1">
    <h1>北京</h1>
    <p>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。
    </p>
    <h2>北京</h2>
    <p>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。
    </p>
    <h3>北京</h3>
    <p>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。
    </p>
    <h4>北京</h4>
    <p>北京（Beijing），简称京，中华人民共和国首都、直辖市、国家中心城市、超大城市，全国政治中心、文化中心、
        国际交往中心、科技创新中心，是中国共产党中央委员会、
        中华人民共和国中央人民政府和全国人民代表大会的办公所在地。
    </p>
</div>
</body>
<script>
/*$("#div1").accordion({
    event:"mouseover",
    animate:false,
    header:"h3"
});*/
//("#div1").accordion("disable");
("#div1").accordion("destroy");
</script>

小崔崔的博客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery插件（二）之Accordion

Accordion依据标题和内容来自动选择折叠("#div1").accordion();Header：定义以哪个标签来折叠Event：定义折叠的事件。例如：mouseover，鼠标移上去就可以展开。Animate：定义是否有动画。默认true 有动画效果。Disable：禁用折叠。Destroy：销毁折叠。插件src="../jquery-3.2.1.mi
复制链接

扫一扫

专栏目录