jquery底部動畫從下往上滑出

 .fadeInUpBig{position:fixed; width:100%; height:300px; bottom: 0;display: none; }
.box{position: absolute;display:none; bottom:0;display:block;  width:100%; background:red;height: 0;}

 

<div class="transactionType">
    點擊
</div>
<div class="fadeInUpBig">
   <div  class="box"></div>
</div>

$(".transactionType").on("click",function(){
   $(".fadeInUpBig").show();
    $(".box").stop(true,true).animate({height:"300px"},500);  
             
})