基本的 jQuery 问题：
我试图揭示一个div已使用 jQuery 标记为隐藏的。但我不太明白
我在这里创建了一个 JSFiddle：http : //jsfiddle.net/VwjxJ/
基本上，我想使用style="visibility: hidden;"而不是style="display: none;"因为我希望保留隐藏元素的空间
使用试过show()，fadeIn()等，但没有工作（他们为做style="display: none;"）
我究竟做错了什么？
Jquery .show() 不显示具有隐藏可见性的 div
IT技术
javascript
jquery
html
2021-03-02 07:41:07
6个回答
如果你已经隐藏了它，visibility:hidden那么你可以通过 jQuery 显示它
$(".Deposit").css('visibility', 'visible');
在小提琴中，您缺少 jQuery。这是一个演示： http : //jsfiddle.net/9Z6nt/20/
根据 JQuery 文档，.show()“大致相当于调用.css('display', 'block')，除了显示属性恢复到最初的状态。” 改为显式设置样式。您可以使用 CSS 类
.hidden{
visibility: hidden;
}
.shown{
visibility: visible;
}
和 set 正在使用
$("#yourdiv").removeClass("hidden").addClass("shown");
如果要保留隐藏元素的空间，请使用不透明度。
IE：
$('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>嘿伙计，您的小提琴正在工作，只需在小提琴上选择框架 jQuery。如果其可见性隐藏，则将 css 可见性属性更改为可见。
(".Deposit").css('visibility','visible');
开始了 ：）
$(".Deposit").show();
$(".Deposit").fadeOut(500,function(){
$(this).css({"display":"block","visibility":"hidden"});
});