我有一个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-exemplo.html
抱歉我的英语不好,我的语言是葡萄牙语。
2条答案
按热度按时间nkoocmlb1#
您显示的站点使用jQuery - slideToggle功能-http://api.jquery.com/slideToggle/。
yptwkmov2#
你一定要看看jquery,它有一些很好的效果,你可以使用jquery的animate()函数。
http://www.w3schools.com/jquery/jquery_animate.asp
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle