JQuery.show() не показывает div с видимостью скрытого

Основной вопрос jQuery:

Я пытаюсь показать div, который был помечен как скрытый, используя jQuery. Но я не совсем понимаю его

Я создал JSFiddle здесь: http://jsfiddle.net/VwjxJ/

В принципе, я хочу использовать style="visibility: hidden;", а не style="display: none;", так как я хочу, чтобы пространство скрытого элемента поддерживалось

Попробовали использовать show(), fadeIn() и т.д., но не работают (они делают для style="display: none;")

что я делаю неправильно?

Ответы

Ответ 1

Если вы скрыли его с помощью visibility:hidden, вы можете показать его с помощью jQuery

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

И в скрипке вам не хватает jQuery. Вот демо: http://jsfiddle.net/9Z6nt/20/

Ответ 2

Согласно документации JQuery .show() "примерно эквивалентно вызову .css('display', 'block'), за исключением того, что свойство отображения восстанавливается до того, что было изначально." Вместо этого задайте стиль. Вы можете использовать класс CSS

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

а set использует

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

Ответ 3

Если вы хотите, чтобы пространство скрытого элемента поддерживалось, используйте непрозрачность.

то есть:

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

Ответ 4

здесь мы идем:)

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

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

    });

Ответ 5

Эй, твоя скрипка работает, просто выберите фреймворк jQuery на скрипке. Если его видимость скрыта, измените свойство видимости css на видимое.

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

Ответ 6

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

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