jquery 怎么实现多个ul 显示隐藏

jquery 怎么实现多个ul 显示隐藏

HTML代码
　　
　　点击
　　

　　1111111111
　　2222222222
　　333333333
　　4444444444
　　5555555555
　　6666666666
　　

　　
　　四种方法实现

$(function() {// 初始化
$('.second').bind('click', function() {//给二级菜单绑定点击事件，控制三级目录的显示隐藏
var childrens = $(this).nextUntil('.second');//取出当前点击的目录的子目录
if(childrens.css('display') == 'none') {//如果子目录的css样式是隐藏，子目录则快速展开；否则，子目录快速收缩
childrens.slideDown('fast');
} else {
childrens.slideUp('fast');
}
});
$('.second, .third').bind('click', function() {//给二、三级菜单绑定点击事件，
$('.sideMenu .click').removeClass('click');//找到已点击的目录删除其class
$(this).addClass('click');//给当前点击的目录增加class
});
});
这是我的例子 你参考下