jqueryスライダー...どのように自動高さ？

Question

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

私はコンテンツのスライダーを持っている...テストケースのためのフィドルをチェック..私はachiveしたいものを

は、Webページを.page_content（何でも）私はスライドしたときにということでしょうです高さを現在の列（パネルなど）に調整する必要があります...今、明らかに最高のパネルに調整されます...

そして、私はそうします最初にスライドしてから内容を読み込んでください。（逆の場合は状態表示のために）....私は先にliのパネルの高さを知りませんこのテストケースでは...

適切な高さを得るために、すでに読み込まれた（しかし隠された）パネルからコンテンツを削除したくないのです！

任意のアイデア？それはちょうどCSSで行うことができます、私は私のマークアップを変更する必要がありますか？私は必死です！

Answer 1

私はjavascriptやアニメーションではあまり良くありませんが、ここでは解決策です。

表示されているコンテンツdivの高さにコンテナdivの高さをアニメーション表示するだけです。

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

Answer 2

あなたはこれを試してみることができます：.page_contentについては はheight:auto;を設定する（と列のための固定の高さを削除します）。その後

メニューのリンクをクリックして高さ調整：ここ

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

を変更されています http://jsfiddle.net/VDz4J/14/

はまた、（へあなたは、このような負荷としての機能を使用すると仮定しますコンテンツを動的に読み込む）、そのコールバックの利点を得ることができます：

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