jquery - 如何让slideToggle从底部滑动(jQuery)

Question

这有点难以解释，因为英语不是我的主要语言，所以我认为如果您先看看我正在工作的网站，然后我会解释我想要做什么，会更容易。地址是:http://ngmat.site90.net/matsedel/ (该网站加载速度很慢，因为托管服务已经实现了访客计数服务，该服务需要很长时间才能加载(但不会真正影响网站本身)。

无论如何，我想要做的是，当您按下底部的“Camera”按钮时，我希望“backgroundCurtain”div 从底部栏的顶部向上滑动。就这么简单，但我不知道该怎么做。

我对 jQuery 很陌生，但到目前为止我读到的是你需要设置“bottom:0;”如果你想让div在第一次点击它时向上滑动(使用slideToggle)。所以我正在考虑制作一个不可见的div来覆盖除底部栏之外的整个网站(基本上是“bottom:35px”)，然后在backgroundCurtain div上设置“bottom:0”。这应该使它在您第一次单击时向上滑动，或者？

Answer 1

去掉cameraToggle函数，将backgroundCurtain top css属性设置为与页面高度一样大，然后添加此代码..

$("#camera").on('click', function(){
    $("#backgroundCurtain").animate({top: 'toggle'}, 1000);
});