如何在jquery中使用slideUp打开div

Question

当用户点击页面底部的按钮slideUp并覆盖我页面的30％时，我想要一个div，如果用户点击该按钮我的div slideDown。我怎么能这样做？

感谢

编辑1）

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

    });

但它从上到下打开。但我想从下到上打开它

Answer 1

查看一些jQuery的文档：

http://api.jquery.com/slideUp/

http://api.jquery.com/slideDown/

Answer 2

这取决于您放置或放置此元素的位置。如果它位于绝对位置，它可能看起来像是向上滑动但它确实滑落了。当您致电slideToggle()时，如果该元素已被隐藏，则会slideDown();如果该元素已被显示，则会slideUp()。

jsFiddle of slideToggle，2个示例：http://jsfiddle.net/HjJBZ/

您应该将元素放在容器div中，然后向下滑动容器div，这可能会更好。

Answer 3

尝试使用jQuery的slideToggle。

http://jsfiddle.net/CLbzf/

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

Answer 4

slideUp隐藏元素，slideDown显示元素。如果你通过绝对定位锚定元素，你仍然应该使用slideDown来显示元素，即使它可能向上动画。