将滑动切换框对齐到父 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;
}