Jquery .show（）は、非表示の可視性を持つdivを表示しません

基本的なjQueryの質問：

divjQueryを使用して非表示としてマークされているを明らかにしようとしています。しかし、それを完全に理解していません

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

フィドルが機能しているのは、フィドルでフレームワークjQueryを選択するだけです。可視性が非表示の場合は、css可視性プロパティを可視に変更します。

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

さあ行こう ：）

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

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

    });

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

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