jQuery实现的折叠菜单效果代码

这是一款jQuery采用连缀写法实现的折叠菜单效果：

代码如下：

css">
#menu{overflow:hidden}
#menu dt{background:#ccc;color:#fff;cursor:pointer}
#menu dd{background:#f4f4f4;color:#fff;;display:none}
#menu dt.hover{background:green}

javascript" src="jquery1.3.2.js" >

$(function(){
$("dl").mouseover(function(){
$(this).children('dt').addClass('hover').end().children("dd").show();
$(this).siblings().children('dt').removeClass("hover").end().end().siblings().children
 
("dd").hide();
});
});





第1章-认识jQuery
1.1-JavaScript和JavaScript库
1.2-加入jQuery
1.3-编写简单jQuery代码
1.4-jQuery对象和DOM对象


第2章-jQuery选择器
2.1-jQuery选择器是什么
2.2-jQuery选择器的优势
2.3-jQuery选择器
2.4-应用jQuery改写示例


第3章-jQuery中的DOM操作
3.1-DOM操作的分类
3.2-jQuery中的DOM操作