JQuery 스크립트가 div의 가시성을 변경하지 않습니까?

Question

#about을 클릭하면 기본적으로 #pagebox을 표시하고 싶습니다. 분 #about 링크에, 나는 이것이 영향을 미치는지 모르겠다. 나는, 그런데

<script language="JavaScript" type="text/javascript"> 
$(document).ready(function(){ 
$('#about').on('click', function(){ 
    $('#pagebox').show(); 
}); 
</script> 

:

#pagebox에 대한 CSS 코드

#pagebox{ 
z-index:99; 
background-color:white; 
position:fixed; 
width:700px; 
margin-left:-350px; 
margin-top:-300px; 
top:50%; 
left:50%; 
height:600px; 
visibility:hidden; 
} 

을 (#about은이 없음)이 내가 사용하는 스크립트 (다른 ​​질문에서 답변)입니다 이것이 어떤 차이를 만들지 모르지만 Tumblr을 코딩하고 있습니다. 도와 주셔서 감사합니다.

Answer 1

display : none;을 사용해야합니다. 가시성 : 숨김; 여기 Fiddle

CSS

#pagebox{ 
    z-index:99; 
    background-color:white; 
    position:fixed; 
    width:700px; 
    margin-left:-350px; 
    margin-top:-300px; 
    top:50%; 
    left:50%; 
    height:600px; 
    display: none; 
} 

jQuery를

$(function() { 
    $('#about').on('click', function(){ 
    $('#pagebox').show('slow'); 
    }); 
}); 

이야 또는 온/오프 스위치

$(function() { 
    $('#about').on('click', function(){ 
    $('#pagebox').toggle('slow'); 
    }); 
}); 

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.