[javascript] Jquery .show ()는 숨겨진 가시성을 가진 div를 표시하지 않습니다.

Program / 글쓴이

기본적인 jQuery 질문 :

divjQuery를 사용하여 숨겨진 것으로 표시된 을 공개하려고합니다 . 그러나 그것을 얻지 못하고 있습니다.

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

기본적으로 숨겨진 요소의 공간을 유지 하기 style="visibility: hidden;"보다는 사용 style="display: none;"하고 싶습니다.

사용하여 시도했다 show(), fadeIn()등등하지만 어느 작업 (그들이 할 style="display: none;")

내가 도대체 ​​뭘 잘못하고있는 겁니까?

답변

숨긴 경우 visibility:hiddenjQuery로 표시 할 수 있습니다.

$(".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>

스 니펫 확장

답변

Hey man your fiddle is working just choose framework jQuery on the fiddle. 안녕하세요. 가시성이 숨겨진 경우 css 가시성 속성을 visible로 변경하십시오.

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

답변

여기 우리가 간다 🙂

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

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

    });

답변

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

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

답변