Javascript .从底部向上滑动，而不是从顶部向下滑动

所以我试图在一个单页站点上显示一个隐私策略。链接在页脚中，隐私策略在屏幕上显示：其上方无div。我试图让content div从页脚底部向上滑动，将其上方的所有内容向上推

HTML

 <section  id="privContent" class="spotlight">
     <div  class="content">
         <h2>Privacy Policy</h2>
         <p>Lorem Ipsum</p>
     </div>
 </section>

 <section  class="spotlight">
     <div class="content">
         <a target="self" class="privClick">Privacy Policy</a>
     </div>
 </section>

我试过几种不同的方法，但似乎什么都没用。我对jQuery相当缺乏经验

新代码片段：

$（函数（）{
$（'#privContent'）.hide（）；
$（'.privClick'）。单击（函数（e）{
$（'privContent'）.css（'position'，'fixed'）.css（'bottom'，'0'）.slideToggle（'2000'，'swing'）.delay（2000）.queue（函数）（下一步）{
$（这个）.slideToggle（'2000'，'swing'）；
next（）；
});;
});
});

隐私政策
同侧眼睑

|隐私政策

您需要使用
.animate（）
，这样您就可以准确地声明要执行的操作。相关：。不确定它是否满足您的确切要求，但它可能是朝着正确方向迈出的一步。@FrédéricHamidi这是类似的。我会调查一下，看看能不能从中得到些什么。谢谢这不是和问题一样的幻灯片效果吗？这确实和我的效果一样。该div在页面加载时隐藏。我正试图从下往上揭示它。而且，我的链接是正确的。TDI链接到其他东西。我将从代码片段中删除它，以防止进一步混淆。我的错误。@gaemaf这可能有用。它确实具有自下而上的效果。我现在的问题是，它覆盖了要关闭按钮的页脚，也覆盖了上面的内容，而不是向上推。不过，至少我现在有了这个功能。剩下的我应该能解决。非常感谢。
$(function () {
   $('a[target="self"]').click(function(e) {
        e.preventDefault();
   $('#privContent').slideToggle('2000', "swing");
   });

});