Javascript Jquery.show（）不显示具有隐藏属性可见性的div

基本jQuery问题：

我试图显示一个使用jQuery标记为隐藏的

div

。但我不太明白

我在这里创建了一个JSFIDLE：

基本上，我希望使用

style=“visibility:hidden；”“

而不是

style=“display:none；”“

，因为我希望保持隐藏元素的空间

已尝试使用等，但均无效（它们适用于

style=“display:none；”

）

---

我做错了什么？

如果您使用

可见性：hidden

隐藏了它，那么您可以通过jQuery显示它

$(".Deposit").css('visibility', 'visible');

---

在小提琴中，您缺少jQuery这里有一个演示：

嘿，伙计，你的小提琴正在工作，只需在小提琴上选择framework jQuery即可。 如果其可见性隐藏，则将css可见性属性更改为可见

---

.css（'visibility'，'visibility'）

根据JQuery文档

.show（）

“大致相当于调用

.css（'display'，'block'）

，只是display属性恢复到最初的状态。” 而是显式设置样式。您可以使用CSS类

.hidden{
    visibility: hidden;
}
.shown{
    visibility: visible;
}

而set正在使用

$("#yourdiv").removeClass("hidden").addClass("shown");

我们开始：）

---

如果希望保持隐藏元素的空间，请使用“不透明度”

i、 e:

例如：

测试不透明度
显示
隐藏

尝试将JSFIDLE上的框架更改为jQuery。@a'r:问题仍然存在。下面是一个更正的版本：在您的示例中，您没有为您的项目设置正确的库，在“choose framework”中，您应该选择“jQuery”。+1来抵消否决票。。。。人们应该花更多的时间去理解这个问题……我认为这是因为其他人认为你只是忘记了选择正确的库（而且在更改它之后，它似乎起了作用）。但是他们没有仔细阅读你的问题和代码。否则为什么第一条评论会获得5票？是的，也许您的JSFIDLE不正确，但这并不是停止投票的原因。即使没有这个问题，问题也很明显（而且很容易解决）。

document.ready

不是必需的。代码是运行的

onLoad

（选择框架上方的框）。哦，没有注意到，谢谢。但如果在DOM准备就绪之前调用JS，则在实际代码中会很有帮助。@Imray确实如此。这不是解决可见性问题的方法：隐藏，我只解决了他的问题。是的，这就是问题<代码>$（“#yourdiv”）.toggleClass（'hidden'）；不需要“显示”的类别，这不完全一样。这取决于CSS的其他部分中可能存在的更通用的覆盖，但通常情况下，您可能会侥幸逃脱，是的。

$(".Deposit").show();

    $(".Deposit").fadeOut(500,function(){
        $(this).css({"display":"block","visibility":"hidden"});

    });

$(".Deposit").show();

$(".Deposit").fadeTo(500,0);

$('div').fadeTo(500,1) //show
$('div').fadeTo(500,0) //hide