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