Jquery .show() 숨김 표시가 있는 div를 표시하지 않음

Jquery .show() 숨김 표시가 있는 div를 표시하지 않음

기본 jQuery 질문:

나는 그것을 드러내려고 노력하고 있습니다.divjQuery를 사용하여 숨겨진 것으로 표시되었습니다.하지만 잘 이해가 되지 않습니다.

여기에 JSFidle을 만들었습니다. http://jsfiddle.net/VwjxJ/

기본적으로, 저는 사용하고 싶습니다.style="visibility: hidden;"보다는style="display: none;"숨겨진 요소의 공간이 유지되기를 원하기 때문에.

등을 사용해 보았지만 두 가지 모두 작동하지 않습니다.style="display: none;")

내가 뭘 잘못하고 있는 거지?

로 숨긴 경우visibility:hidden그런 다음 jQuery로 보여줄 수 있습니다.

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

그리고 당신은 jQuery를 놓치고 있습니다.여기 데모가 있습니다. http://jsfiddle.net/9Z6nt/20/

JQuery 문서에 따름.show()전화를 건 것과 거의 같습니다.css('display', 'block')디스플레이 속성이 처음에 무엇이든 복원된다는 점만 제외하면 됩니다."대신 스타일을 명시적으로 설정합니다.당신은 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);

언급URL : https://stackoverflow.com/questions/7204494/jquery-show-not-revealing-a-div-with-visibility-of-hidden