基本的jQuery问题:
我试图透露使用jQuery标记为隐藏的div
。但我还没得到它
我在这里创建了一个JSFiddle:http://jsfiddle.net/VwjxJ/
基本上,我想使用style="visibility: hidden;"
而不是style="display: none;"
,因为我希望维护隐藏元素的空间
尝试过使用show()
,fadeIn()
等,但两项都不起作用(它们适用于style="display: none;"
)
我做错了什么?
答案 0 :(得分:110)
如果您使用visibility:hidden
隐藏了它,那么您可以使用jQuery
$(".Deposit").css('visibility', 'visible');
在小提琴中你缺少jQuery。 以下是演示: http://jsfiddle.net/9Z6nt/20/
答案 1 :(得分:10)
根据JQuery文档.show()
“大致相当于调用.css('display', 'block')
,除了显示属性恢复到最初的状态。”
请改为明确设置样式。你可以使用CSS类
.hidden{
visibility: hidden;
}
.shown{
visibility: visible;
}
并设置正在使用
$("#yourdiv").removeClass("hidden").addClass("shown");
答案 2 :(得分:7)
如果要保留隐藏元素的空间,请使用不透明度。
即:
$('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>
&#13;
答案 3 :(得分:2)
嘿,你的小提琴工作只是选择框架jQuery的小提琴。 如果隐藏其可见性,则将css可见性属性更改为可见。
(".Deposit").css('visibility','visible');
答案 4 :(得分:2)
我们走了:))
$(".Deposit").show();
$(".Deposit").fadeOut(500,function(){
$(this).css({"display":"block","visibility":"hidden"});
});
答案 5 :(得分:1)
$(".Deposit").show();
$(".Deposit").fadeTo(500,0);