<script>
$(
function(){
$("#d1").click(
function(){
if($("#d2").css("display")=="none"){
$("#d2").show("fast"); // fast 快
}else{
$("#d2").hide("slow"); //slow 慢
}
}
)
}
)
</script>
<body>
<div id="d1" style="width: 200px; height: 50px;border: 1px solid black; background-color: cadetblue ">
点击显示/隐藏div
</div>
<div id="d2" style="width: 200px; height: 300px;border: 1px solid black;background-color: cadetblue; display: none">
隐藏显示内容 隐藏显示内容 隐藏显示内容 隐藏显示内容 隐藏显示内容
隐藏显示内容 隐藏显示内容 隐藏显示内容 隐藏显示内容
隐藏显示内容 隐藏显示内容 隐藏显示内容 隐藏显示内容
</div>
</body>