如何用jQuery中的slideUp打開div

我有一個div，我想要用戶點擊頁面底部的按鈕slideUp並覆蓋我網頁的30％，如果用戶點擊該按鈕我的div slideDown。如何可以做到這一點？如何用jQuery中的slideUp打開div

感謝

EDIT 1）

$(document).ready(function() { 
     $('#btnWorks').on("click", function() { 
      $('#tblWorks').slideToggle(); 
     }); 

    });

但翻開bottom.but我想從底部打開頂部

2012-03-22 Arian

這取決於你有這個元素放置或放置。如果它是絕對定位的，它可能看起來像是向上滑動，但它確實滑落了。當你呼叫slideToggle()它將slideDown()，如果該元素是隱藏的，和slideUp()，如果該元素已經可見。

的slideToggle的的jsfiddle，2個例子：http://jsfiddle.net/HjJBZ/

你應該把元素的div容器和向下，而不是可以更好地工作，滑動div容器。

2012-03-22 20:26:09 Nathan

檢查出一些jQuery的文檔：

2012-03-22 20:12:04

我知道如何使用'slideUp'和'slideDown'，但它從上到下打開，但我想從下往上打開它 – Arian 2012-03-22 20:15:32

請看這裏：http://jsfiddle.net/YEyz3/1/ – Arian 2012-03-22 20:26:21

slideUp隱藏元素，slideDown顯示元素。如果您已通過絕對定位固定元素，則仍應使用slideDown來顯示該元素，儘管它可能會向上播放動畫。

2012-03-22 20:12:58 zzzzBov

我應該把我的面板放在我的頁面底部，我不能使用絕對定位 – Arian 2012-03-22 20:16:24

@Kerezo，你的意思是'position：fixed'？我的答案仍然存在，你仍然使用'slideDown'垂直顯示選定的元素，'slideUp'垂直隱藏它們。 – zzzzBov 2012-03-22 20:18:46

請看這裏：http://jsfiddle.net/YEyz3/1/ – Arian 2012-03-22 20:25:50

嘗試使用jQuery的slideToggle。

$('#trigger').click(function() { 
    $('#slider').slideToggle(); 
});

2012-03-22 20:16:06 mrtsherman

它從上到下打開，但我想從下往上打開它 – Arian 2012-03-22 20:16:52

我不明白它....它從底部朝上。那是怎麼回事？ – mrtsherman 2012-03-22 20:18:05

你設置posistion'fixed'.I應該把我的面板放在我的內容底部 – Arian 2012-03-22 20:21:07

回答