13518219792
这个需要自己另外写JS库，网上应该有的
创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站设计、网站制作、外贸营销网站建设、高安网络推广、小程序设计、高安网络营销、高安企业策划、高安品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供高安建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com
因为JQM是国外的，所以名称库只认首字母Z，才会分到Z里，如果没有加入JS库，页面是不认识张三的首字母是z的
!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
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
用toggle(fn1,fn2,fn3)这个方法绑定你的ul,第一次点击执行fn1，第二次点击执行fn2，你需要是展开和关闭特效，所以写两个方法就行，如果需要第三次点击，那就再写fn3，第一次点击让他的高度变为110px，第二次点击变为35px，这样就变成了一个循环！~就这个思路
