html 自动弹出框

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;
    }