jQuery插件之Accordion

来源：互联网发布：python开发网站编辑：程序博客网时间：2024/05/28 23:22

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标签开始

$("#dl").accordion("disabled");

当你不想要这个效果时，可以使用这个语句，使其不能用

$("#dl").accordion();

这个语句是点击才能触发，也就是说默认触发是点击事件。

阅读全文

0 0