http://blog.csdn.net/zdw_wym/article/details/11643229

1、功能要求：

頁面上一個div，預設是隱藏起來的，當點選頁面中的a標籤後，讓這個div在a標籤位置顯示該div。

2、實現程式碼：

$("#aChooseNumber").click(function () {                 $("#divChooseNumber").css("position", "absolute");                 $("#divChooseNumber").css("top", $("#aChooseNumber").offset().top-100);                 $("#divChooseNumber").css("left", $("#aChooseNumber").offset().left);                 if ($("#divChooseNumber").css("display") == "none") {                     $("#divChooseNumber").show("slow");                 } else {                     $("#divChooseNumber").hide("slow");                 }             });

如果你的div是通過position:absolute絕對定位的，且通過相對與底部定位，如bottom:0px 這個時候呼叫slideDown就是向上展開的（因為slideDown說白了就是動態改變元素高度，底部定位固定，高度變高的時候就向上擴充套件了）。

或者可以使用jQuery的$().animate()動畫方法，自己定義動畫的內容，因為不知道你的div是通過什麼方法定位到底部的，這裡只能寫個簡單的例子
$("#bar").stop(true,true).animate({hight:100px});