Javascript 在jQuery动画div的结束位置更改element.style

我正在使用相册jQuery插件（超大）。它包括一个缩略图托盘，点击按钮即可从屏幕底部向上滑动，从而在div属性和firebug css的element.style中创建以下HTML。财产：

style="display: block; bottom: -150px;"

style="display: block; bottom: -150px;"

当来电者点击时：

style="display: block; bottom: 0px;"

style="display: block; bottom: 42px;"

我试图在页面底部放置一个页脚div，所以想将结束位置移到“bottom:0px”。我已经看到一个额外的element.style可以添加到本地CSS中，但是没有“before”和“after”类型的选择，我不知道这是否对我有帮助。此外，我在JS文件中找不到该函数，据我所知，它无论如何都无法访问。我需要将这些更改为：

当来电者点击时：

style="display: block; bottom: 0px;"

style="display: block; bottom: 42px;"

任何建议都是非常受欢迎的。谢谢

$('#clickedElement').on('click', function() {    
    $('#element').css('bottom', '42px')
});

---

如果我不理解您的意思？

可能您找不到的函数是jquery

.css（）

函数，您可以阅读它的工作原理

另外，如果您想为一些潜水设置动画，可以使用jquery

.animate（）

函数（）

在您的情况下，它应该如下所示：

$('#button').click(function() {
    $('#element').animate({
        $('#element').css('bottom', '42px');
    }, 5000, function() {
    });
});

---

其中

5000

以毫秒为单位显示动画时间。

谢谢Mateusz，最后它被隐藏在这里：$（vars.thumb_托盘）.stop（）.animate（{bottom:0，avoidTransforms:true}，300）@大卫777欢迎你。如果答案有用，请将其标记为已接受。