1

我有一个根据选择结果扩展的 div，它的高度设置为“自动”。我想让这个扩展变得柔软，非常难。

用于展开和折叠 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>

选择（负责Parent 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-exemlo.html

对不起我的英语不好，我的语言是葡萄牙语。

4

2 回答 2

1

您展示的网站使用 jQuery - slideToggle 功能 - http://api.jquery.com/slideToggle/。使用它来为您的页面设置动画

于 2013-03-01T13:42:40.907 回答
0

You must take a look at jquery. It has some good effects to do what you want to. Also, again, you can use jquery's animate() function.

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

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

于 2013-03-01T13:42:40.250 回答