如何在jquery中使用slideUp打开div

Question

我有一个div，当用户单击页面底部的slideUp按钮并覆盖30%的页面时，如果用户单击该按钮，我的div slideDown.How就能做到这一点？

谢谢

编辑1)

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

    });

但是它从顶部打开到bottom.but，我想从下到上打开它

Answer 1

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

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

您应该将元素放在容器div中，然后向下滑动容器div，这样可以更好地工作。

Answer 2

尝试使用jQuery的slideToggle。

http://jsfiddle.net/CLbzf/

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

Answer 3

slideUp隐藏元素，slideDown显示元素。如果您已经通过绝对定位锚定了元素，那么仍然应该使用slideDown来显示元素，即使它可能向上移动。