Jquery .show () не розкриває div з видимістю прихованого

Основне питання jQuery:

Я намагаюся виявити divте, що було позначено як приховане за допомогою jQuery. Але я не зовсім розумію

Я створив 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;
}

і set використовує

$("#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 visibility на visible.

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

ось і ми :)

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

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

    });

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

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