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();
这个语句是点击才能触发,也就是说默认触发是点击事件。