将slideToggle框与父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;
}