基本jQuery问题:
我正在尝试显示一个使用jQuery标记为隐藏的div
。但我不是很明白
我在这里创建了一个JSFiddle:http://jsfiddle.net/VwjxJ/
基本上,我希望使用style="visibility: hidden;"
而不是style="display: none;"
,因为我希望保留隐藏元素的空间
我尝试过使用show()
、fadeIn()
等,但都不起作用(它们对style="display: none;"
有效)
我做错了什么?
发布于 2011-08-26 20:23:45
根据JQuery文档,.show()
“大体上等同于调用.css('display', 'block')
,只是display属性会恢复到最初的状态。”改为显式设置样式。您可以使用CSS类
.hidden{
visibility: hidden;
}
.shown{
visibility: visible;
}
set正在使用
$("#yourdiv").removeClass("hidden").addClass("shown");
发布于 2015-05-06 16:26:00
如果希望保持隐藏元素的空间,请使用不透明度。
即:
$('div').fadeTo(500,1) //show
$('div').fadeTo(500,0) //hide
例如:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style='opacity:0'>
Test opacity
</div>
<button onclick="$('div').fadeTo(500,1);">Show</button>
<button onclick="$('div').fadeTo(500,0);">Hide</button>
发布于 2011-08-26 20:22:14
嘿,伙计,你的小提琴可以用了,只要在小提琴上选择框架jQuery就行了。如果其可见性处于隐藏状态,则将css可见性属性更改为visible。
(".Deposit").css('visibility','visible');
https://stackoverflow.com/questions/7204494
复制相似问题