jquery .show()不透露隐藏的知名度的div

基本的jQuery问题:

我试图揭示一个使用jQuery标记为隐藏的div 。 但是我不太明白

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

基本上我想用style="visibility: hidden;" 而不是style="display: none;" 因为我想要保持隐藏元素的空间

尝试使用show()fadeIn()等,但都没有工作(他们做的style="display: none;"

我究竟做错了什么?

如果你已经隐藏它的visibility:hidden那么你可以用jQuery通过

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

而在小提琴中,你正在失去jQuery。 这里是一个演示: http : //jsfiddle.net/9Z6nt/20/

根据JQuery文档.show() “大致等同于调用.css('display', 'block') ,除了display属性恢复到最初的状态。 而是明确地设置样式。 你可以使用一个CSS类

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

并正在使用

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

如果你想保持隐藏元素的空间,使用不透明度。

即:

 $('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> 

开始了 :)

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

嘿,你的小提琴工作只是在小提琴上select框架jQuery。 如果隐藏的可见性,则将css可见性属性更改为可见。

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

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