jquery滑块...如何自动高度？

Question

http://jsfiddle.net/VDz4J/5/

我有一个内容滑块...检查测试用例的小提琴..

我想要实现的是，当我滑动到（无论什么）.page_content 时，网页需要将高度调整到当前列（面板或其他） ....现在，显然它会调整到最高的面板...

并且请假设内容是动态加载的，所以我首先进行幻灯片，然后加载内部内容...（反之亦然...用于状态指示目的）。 ...所以我不提前知道面板高度，就像在这个测试用例中一样...

我不想删除已加载（但隐藏）面板中的内容只是为了获得正确的高度！

有什么想法吗？可以只在 CSS 中完成吗？我需要更改我的标记吗？拜托，我很绝望！

Answer 1

我不太擅长（甚至不擅长）JavaScript 和动画，但这里有一个解决方案。

只需将容器 div 的高度设置为动画，使其等于正在显示的内容 div 的高度。

http://jsfiddle.net/VDz4J/15/

Answer 2

你可以试试这个：
对于 .page_content 设置 height:auto; （并删除列的固定高度）。

然后，当您单击菜单链接时调整高度：

$("#webpage").css("高度",$(".pg_"+$pg).height());

以下是更改：
http://jsfiddle.net/VDz4J/14/

另外假设您会使用诸如 load 之类的函数（要动态加载内容），您可以利用它的回调：

$('.pg_'+$pg).load('content_url.php', function() {
   $("#webpage").css("height",$(this).height());
});