Jquery 使用.slideToggle从底部向上拉一个隐藏的div

我似乎不知道如何自下而上而不是自上而下地揭示隐藏的内容。我在这里做了一些功课，从jQueryUI中找到了一个解决方案，但一定是实现错了。非常感谢您的任何帮助，这是脚本编写的新手

干杯

这就是我的工作

剧本：

$(document).ready(function() {
  $('#clientsOpen').click(function() {
     $('#clientsDropDown #clientsDashboard').slideToggle({ direction: "up" }, 300);
 $(this).toggleClass('clientsClose'); 
  }); // end click
});

标记：

<div id="clientsDropDown">
<div id="clientsDashboard">
    <p id="clientsCTA">Let's make something beautiful together...<br /><a href="mailto:brockman.eric@gmail.com">brockman.eric@gmail.com</a></p>
</div><!-- /clientsDashboard -->
<p id="clientsOpen">clients</p>
</div><!-- //clientsDropDown -->

---

只需添加

位置：绝对至
#客户端下拉列表


或者，如果希望“客户机”位于弹出div的顶部，请删除该浮动并将段落放置在仪表板div上方，如下图所示

$("#clientsOpen").click(function(){
    $("#clientsDashboard").slideToggle();
}, function(){
    $("#clientsDashboard").slideToggle();
});

是的，当然可以将容器div定位为绝对。
改变显示动画方向的实际属性是
底部
CSS属性。如果将其更改为
top
，动画将显示为down而不是up

在前面提供的提琴中为
#clientsDropDown
试一试，您将看到它的作用。
啊，是的！谢谢@j08691，它运行得很好，在底部有一个打开按钮，因为我从文档顶部使用的脚本中偷了它，但是绝对定位是一个教训。它运行得很好，但是当它向上滑动时，它覆盖了底部的内容，而不是向上推其他内容来腾出空间。考虑到它是绝对定位的，我想这是没有办法的？是的，如果你绝对定位它，它就会从文档流中消失，这样当它滑动时页面上的其他内容就不会被推。据我所知，
slideToggle（）
的默认设置是向上滑动，因此，不需要选项
direction:up
。如果你把它从最上面的答案小提琴上移开，它仍然会向上滑动。此外，
direction
用于
slideToggle（）
功能。
$("#clientsOpen").click(function(){
    $("#clientsDashboard").slideToggle();
}, function(){
    $("#clientsDashboard").slideToggle();
});