Jquery 具有动态高度的简单内容滑块

我正在开发一个简单的内容滑块。但是，当新内容滑入时，容器不会扩展。我假设这是因为内容项的位置设置为绝对。但是，如果它们不是绝对定位的，则内容项不会正确排列

因此，我的问题是：如何让容器（#triv_cont）在下一个内容项滑入时展开？如果解决方案不是绝对定位内容项，那么如何使内容项对齐？我试过垂直对齐：顶部没有运气

测试代码在这里->

内容项的CSS选择器为：

#promos .trivia #triv_cont div

而该货柜是：

#promos .trivia #triv_cont

---

我已经查看了一些关于此的问题，但似乎找不到解决方案…

我通过在按下“下一步”按钮时将容器高度设置为下一个内容项的高度来解决此问题

thisHeight = $('#' + selx).height() + 20;

然后

$('#triv_cont').animate({height: (thisHeight + 'px')}, 1000, 'swing');

轻松