Question

基本的jQuery问题：

我试图透露使用jQuery标记为隐藏的div。但我还没得到它

我在这里创建了一个JSFiddle：http://jsfiddle.net/VwjxJ/

基本上，我想使用style="visibility: hidden;"而不是style="display: none;"，因为我希望维护隐藏元素的空间

尝试过使用show()，fadeIn()等，但两项都不起作用（它们适用于style="display: none;"）

我做错了什么？

Answer 1

如果您使用visibility:hidden隐藏了它，那么您可以使用jQuery

显示它

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

在小提琴中你缺少jQuery。 以下是演示： http://jsfiddle.net/9Z6nt/20/

Answer 2

根据JQuery文档.show()“大致相当于调用.css('display', 'block')，除了显示属性恢复到最初的状态。” 请改为明确设置样式。你可以使用CSS类

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

并设置正在使用

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

Answer 3

如果要保留隐藏元素的空间，请使用不透明度。

即：

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

例如：

＆＃13;

<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>

＆＃13;

Answer 4

嘿，你的小提琴工作只是选择框架jQuery的小提琴。如果隐藏其可见性，则将css可见性属性更改为可见。

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

Answer 5

我们走了:)）

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

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

    });

Answer 6

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

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

Jquery .show（）没有透露隐藏可见性的div

6 个答案: