Question

我有一个根据select的结果扩展的div，它的高度设置为“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 - slideToggle功能 - http://api.jquery.com/slideToggle/。使用它来设置页面动画

Answer 2

你必须看一下jquery。做你想做的事有一些好的效果。此外，您还可以使用jquery的animate（）函数。

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

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

如何顺利扩展Div？

2 个答案: