如何在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/

Answer 2

这取决于您在何处放置或放置此元素。 如果绝对定位，则看起来像是向上滑动，但实际上是向下滑动。 当你调用slideToggle()它将slideDown()如果元素是隐藏的，并且slideUp()如果元素已经可见。

slideToggle的jsFiddle，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来显示该元素。