用toggle(fn1,fn2,fn3)这个方法绑定你的ul,第一次点击执行fn1,第二次点击执行fn2,你需要是展开和关闭特效,所以写两个方法就行,如果需要第三次点击,那就再写fn3,第一次点击让他的高度变为110px,第二次点击变为35px,这样就变成了一个循环!~就这个思路
目前创新互联建站已为成百上千家的企业提供了网站建设、域名、虚拟空间、网站托管维护、企业网站设计、丰林网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
!DOCTYPE HTML
html
head
title念奴娇/title
meta charset=UTF-8 /
style type="text/css"
div[id] {
border: 1px solid black;
width: 200px;
height: auto;
}
/style
script type="text/javascript" src="jquery-1.8.0.min.js"/script
script type="text/javascript"
jQuery (function ($)
{
var EACH = 3;
var div1 = $ ("div#id1");
var array = div1.children ("div");
$ ("a").click (function ()
{
for ( var k = 2; k = Math.round(array.length / 3); k++)
{
$ ("div id='id"+k+"'").appendTo ("body");
for ( var i = Number (array.eq (k-1).text ()); i = Number (array.last ().text ()); i += EACH)
{
$ ("div#id" + k).append (array.eq (i - 1));
}
}
});
});
/script
/head
body
a href="###"点击/a
div id="id1"
div1/div
div2/div
div3/div
div4/div
div5/div
div6/div
div7/div
div8/div
/div
/body
/html
可以去easyUI中文网看一下,有封装json格式的范例,按照那个封装数据就可以了
html
body
ul
lixxxxxx1/li
lixxxxxx2/li
lixxxxxx3/li
lixxxxxx4/li
lixxxxxx5/li
lixxxxxx6/li
lixxxxxx7/li
lixxxxxx8/li
lixxxxxx9/li
lixxxxxx10/li
lixxxxxx11/li
lixxxxxx12/li
lixxxxxx13/li
lixxxxxx14/li
lixxxxxx15/li
/ul
ul id="ul0"/ul
ul id="ul1"/ul
ul id="ul2"/ul
/body
script type="text/javascript" src="jquery-1.7.2.min.js"/script
script type="text/javascript"
$(document).ready(function(){
$("li").each(function(i){
var id = "ul"+parseInt(i/10);
$(this).appendTo("#"+id);
});
});
/script
/html
这个需要自己另外写JS库,网上应该有的
因为JQM是国外的,所以名称库只认首字母Z,才会分到Z里,如果没有加入JS库,页面是不认识张三的首字母是z的