如何將div的高度從動態值設置爲動態高度值？

我想使用第一個div的slideDown（）效果來顯示它，從動態生成的最後一個div的高度到由其內容動態生成的高度開始？如何將div的高度從動態值設置爲動態高度值？

在下面的代碼中，問題的部分是.animate（{'height'：'200px'}/.animate（{'height'：'100px'}），應該動態生成值200px和100px。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
    <html> 
<head> 
    <title>Slide Down</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <style type="text/css"> 
    div {background:#de9a44;width:80px; } 
    </style> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
</head> 
<body> 
    <div style="display: none"> 
    In pellentesque risus sit amet magna consectetur nec consequat eros ornare. 
    </div> 
    <div>Vivamus placerat eleifend rutrum</div> 
    Click! 
    <script type="text/javascript"> 
    $(document.body).click(function() { 
    if ($("div:first").is(":hidden")) { 
    var height = $("div:last").height(); 
    $("div:last").hide(); 
    $("div:first").height(height); 
    $("div:first").animate({'height':'200px'},"slow"); 
    } else { 
    var height = $("div:first").height(); 
    $("div:first").hide(); 
    $("div:last").height(height); 
    $("div:last").animate({'height':'100px'},"slow"); 
    } 
    }); 

    </script> 
</body> 
    </html>

來源

2010-06-24 AlqC

從哪裏到目標身高應該從哪裏來？ – 2010-06-24 17:34:11

嘗試是這樣的：

$("div:last").animate({'height':'auto'},"slow");

來源

2010-06-24 17:37:46 Mark

找到了答案，我不知道，你可以得到隱藏要素的尺寸，使溶液自然就來了..

<script type="text/javascript"> 
     $(document.body).click(function() { 
      if ($("div:first").is(":hidden")) { 
       var hidden = $("div:first").height(); 
       var showing = $("div:last").height(); 
       $("div:last").hide(); 
       $("div:first").height(showing); 
       $("div:first").animate({'height':hidden},"slow"); 
      } else { 
       var hidden = $("div:last").height(); 
       var showing = $("div:first").height(); 
       $("div:first").hide(); 
       $("div:last").height(showing); 
       $("div:last").animate({'height':hidden},"slow"); 
      } 
     }); 
    </script>

不適用'高度'：'自動'。

ps。我是AlqQ。我想我前一段時間註冊了，現在當我用OpenID登錄時，它將我重定向到這個舊帳戶，這對我來說很好。

來源

2010-06-24 18:04:01 Alqin

如何將div的高度從動態值設置爲動態高度值？

回答

相關問題