用toggle(fn1,fn2,fn3)這個方法綁定你的ul,第一次點擊執(zhí)行fn1,第二次點擊執(zhí)行fn2,你需要是展開和關閉特效,所以寫兩個方法就行,如果需要第三次點擊,那就再寫fn3,第一次點擊讓他的高度變?yōu)?10px,第二次點擊變?yōu)?5px,這樣就變成了一個循環(huán)!~就這個思路
目前創(chuàng)新互聯(lián)建站已為成百上千家的企業(yè)提供了網(wǎng)站建設、域名、虛擬空間、網(wǎng)站托管維護、企業(yè)網(wǎng)站設計、豐林網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
!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中文網(wǎng)看一下,有封裝json格式的范例,按照那個封裝數(shù)據(jù)就可以了
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庫,網(wǎng)上應該有的
因為JQM是國外的,所以名稱庫只認首字母Z,才會分到Z里,如果沒有加入JS庫,頁面是不認識張三的首字母是z的