如何順利擴展Div？

Question

我有一個div取決於select的結果進行擴展，它的高度設置爲「auto」。我想讓這個擴張變得柔軟，這非常困難。

腳本來展開和摺疊DIV ::

<script type="text/javascript"> 
     function ShowHideDIV(NomeDIV, Valor) { 
      Valor = document.getElementById("Lista").value; 
      if (Valor == "Sim") { 
       document.getElementById(NomeDIV).style.display = "block"; 
      } else { 
       document.getElementById(NomeDIV).style.display = "none"; 
      } 
     } 
</script> 

父DIV（對此我想提出的效果）：

<div class="bgCotar"></div> 

選擇（負責父div的擴張）：

<div class="campo" id="campo4"> 
    <label>Incluir Dependentes?</label><br /> 
    <select name="Lista" size="1" id="Lista" 
    onChange="ShowHideDIV('CampoOculto','Sim');"> 
     <option value="0">Selecione...</option> 
     <option value="Sim">Sim</option> 
     <option value="Nao">Não</option> 
    </select>          
</div> 

什麼我不知道的一個例子： http://www.maujor.com/blog/pg_apoio/jquery-toggle-texto-exemplo.html

對不起，我的英語不好，我的語言是葡萄牙語。

Answer 1

你必須看看jquery。它有一些很好的效果來做你想做的事情。另外，你可以使用jquery的animate（）函數。

http://www.w3schools.com/jquery/jquery_animate.asp

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

Answer 2

您顯示該網站使用jQuery的 - 的slideToggle功能 - http://api.jquery.com/slideToggle/。用這個來動畫你的頁面