HTML結構：
其中外層div作爲背景，內層div作爲動態顯示層。
樣式表如下：
其中外層div position設置爲relative,內層div:postion屬性爲absolute,height設置爲0後初始時看不到,這裏需要設置bottom，不能設置top，才能夠實現由下向上劃出。
JQuery代碼：
.on()方法：在這個對象上綁定多個事件，以空格分離。第二個參數爲事件觸發後調用的函數，參數ev可以在方法內部用來判斷是哪一種事件觸發的它。
.animate()函數在這裏的作用是讓這個div在500毫秒的時間內height變到50px和0px