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>

選択 (親 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

私の悪い英語で申し訳ありません。私の言語はポルトガル語です。

4

2 に答える 2

1

あなたが示したサイトは、jQuery - slideToggle 機能 - http://api.jquery.com/slideToggle/を使用しています。これを使用してページをアニメーション化します

于 2013-03-01T13:42:40.907 に答える
0

jquery を確認する必要があります。やりたいことをやると良い効果があります。また、jquery の animate() 関数を使用することもできます。

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 に答える