点击显示更多的JS问题

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

title $(document).ready(function(){ var a =$(".box ul li:gt(3):not(:last)"); a.hide(); $(".boxdown").click(function(){ if(a.is(':visible')){ a.slideUp('fast'); $(this).removeClass('up'); }else{ a.slideDown('fast').show(); $(this).addClass('up'); } }); });

网页设计(2810)
网页软件(820)
图像设计(1840)
网站开发(17810)
网站运营(7890)
建站指南(4850)
数据库(15020)
服务器(12120)
视频教程(12120)
书籍下载(12120)
更多的资源(91123)

这段代码是一个点击显示更多的效果怎么能改成如果我有多个这种点击显示隐藏的板块让他们互不影响的可以各自点击呢？

建议用easyUI，效果还不错，自己写还容易出错。