javascript - 将滑动切换框对齐到父 div 的底部

Question

到目前为止，我有以下内容：jsFiddle

只是一个弹出列表元素的小脚本

$(function() {
  $("li.content").hide();
  $("ul.nav").delegate("li.toggle", "click", function() { 
      $(this).next().slideToggle("fast").siblings(".content").slideUp("fast");
  });
});

我试图弄清楚当您单击“关于”到外部 div 的底部时如何将滑出的框与“联系人”框对齐。联系人也应该固定在底部。

我可以在不必纯粹通过更改 css 来修改 javascript 的情况下实现这一点，还是我必须为两个框制作不同的切换功能？

谢谢大家，非常感谢。

Answer 1

您所要做的就是将此添加到您的.content.

jsFiddle

.content {
    position: absolute;
    bottom: 0;
}