如何让按钮单独控制div层的展开收缩呢，把按钮放入要控制的该div层内，问题就来了。只要移动到该按钮的那一样，都能控制div层，这样不好，会将按钮那一行遮住之外的元素也处于事件之中。
解决，只有将高度控制，将整个div高度控制在整个高度减去按钮的高度就可以了。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>控制div显示隐藏 - by xiaojia</title>
<script src="js/jquery-1.9.1.min.js"></script>
<style>
html, body { margin:0; padding:0; background:#000000; font-family:"微软雅黑", Verdana, Geneva}
img { border:none;}
.tip { width:100%; height:auto; left:0; top:0; position:fixed; _position:absolute; z-index:1000; display:block;}
.tip_c { width:1000px; height:59px; margin:0 auto; margin-top:-59px;}
.tip_clr { height:59px; overflow:hidden; border:1px solid #ff0000;}
.tip_i { width:86px; height:29px; overflow:hidden; text-align:center; border:1px solid #ff0000; margin:0 auto;}
.cb { clear:both;}
</style>
</head>
<body>
<div class="tip">
<div class="tip_c">
<div class="tip_clr">
这里是控制显示隐藏内容
</div>
<div class="cb"></div>
<div class="tip_i"></div>
</div>
</div>
<script>
$(".tip_c").hover(function(){
$(this).stop().animate({marginTop:0}, 100);
}, function(){
$(this).stop().animate({marginTop:-59}, 100);
});
</script>
</body>
</html>
