1.点击div外部隐藏，
//*代表tip_box所包含的子元素
$('body').click(function(e) {
var target = $(e.target);
if(!target.is('#tip_box *') ) {
//事件处理
}
});
2.div动态展开
.tip_box{
width:300px;
height:0;
border-radius:3px;
background-color:#fff;
overflow:hidden;
box-shadow: 1px 1px 6px #888888;
position:absolute;
transition:height 0.7s;
-moz-transition:height 0.7s; /* Firefox 4 */
-webkit-transition:height 0.7s; /* Safari and Chrome */
-o-transition:height 0.7s;/* Opera */
font-size:12px;
}