主要用到
$("#id").show();//显示
$("#id").hide();//隐藏
$("#id").toggle();//状态相反
========================示例代码=============================
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Jquery Start</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>//记得引用
<script type="text/javascript">
$(function () {
var speed = 5000;//动画设置时间，毫秒
$("#btnShow").click(function (event) { //给btnShow按钮绑定点击事件
event.stopPropagation(); //取消事件的冒泡
//设置层的属性
var offSet = $(event.target).offset();
$("#divPop").css({ top: offSet.top + $(event.target).height() + "px", left: offSet.left, width: "300px", height: "200px" });
$("#divPop").show(speed); //divPop动态显示
});
$("#divPop").click(function (event) { $(this).hide(speed);//动态隐藏 })
$("#Button1").click(function (event) {
event.stopPropagation();
var offset1 = $(event.target).offset();
$("#div1").css({ top: offset1.top + $(event.target).height() + "px", left: offset1.left, width: "300px", height: "200px" });
$("#div1").toggle(speed);//动态切换，如果div1显示着，则单击按钮Button1控件div1隐藏（hide()）,否则相反show()显示
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div style=" border: solid 1px red; margin-bottom: 0px;"><br />
</div>
<div id="divPop" style="background-color:#f0f0f0; border:solid 1px red; display:none; ">
<div>这是显示层</div>
</div>
<div>
<br />
<input id="btnShow" type="button" value="提示文字" />
</div>
<div><input id="Button1" type="button" value="切换Div层" /></div>
<div id="div1" style="border:solid 1px blue; display:none; position:absolute; display:none;"></div>
</form>
</body>
</html>
============有错误的地方，请多多指教==================
--------------------ethan 待续-----------------------