기본

2013-04-29 2 views
14

으로 사업부를 숨기기 나는 표시되어야 사업부가 이 모든 내용이 사용자에게 표시됩니다. 기본으로 숨길 수있는 방법이 있습니까? 공간으로 도약하기 위해 $("div.toshow").show(); 당신의 요소의 원인이됩니다 당신이 표시 사용하는 경우 중 하나를 표시하거나 표시 여부기본

display:none|block|etc.. // This will not preserve the space for the div. 
visibility:visible|hidden //This will preserve the space for the div but wont be shown. 

을 사용할 수 있습니다

.toshow 
{ 
    display: none; 
} 

답변

35

예는 다음과 같이 style을 사용할 수 있습니다 CSS

+6

인라인 CSS는 사용하지 마십시오. – Lasse

+8

그는 그것을 요구하고있었습니다. : D –

1
$('#myDiv').hide(); 

$("myDiv").css("visibility", "hidden"); 

.toshow { 
    visibility:hidden; 
    display:none; 
} 
+0

저는 CSS로하고 싶지 않습니다. 거기에 내가하는 방법이있다 –

+1

당신은 직접 CSS를 할 수있는 동안 jquery를 사용하는 이유는 무엇입니까? –

8

당신은 CSS display을 사용할 수 있습니다 그것을 위해 보존되지 않았습니다. 가시성에서는 이러한 일이 발생하지 않습니다. 이 작업을 수행하는

한 가지 방법은 dispay이 스크립트에서 클래스

.toshow 
{ 
    display:none; 
} 

에 할당 한 것입니다 : -

$("div.toshow").show(); 

하거나 제공 : -

<div class="toshow" style="display:none;">... 

$("div.toshow").show(); 

.show() jquery는 마크 업에 display:block 인라인 스타일을 추가하기 만하면됩니다.

<div class="toshow" style="display:none"></div> 
2
.toshow{ 
     display:none; 
    } 

또는

.toshow{ 
     visibility:hidden; 
     } 
1

이 몸에 그것을 할 수 :

<body> 

<div class="toshow" style="display:none"> 
</div> 

</body> 

내가 인라인을 피할 것이지만

-3

jQuery를 사용하여 'display : none'을 추가하는 'toshow'클래스의 CSS 스타일을 변경할 수 있습니다. 예 :

$(function(){ 
    $('.toshow').css("display", "none"); 
}); 
+0

코드를 답으로 덤핑하는 것을 피하고 그것이하는 것과 이유가 무엇인지 설명하려고하십시오. 관련 코딩 경험이없는 사람들에게는 귀하의 코드가 명확하지 않을 수 있습니다. 대답을 수정하여 [설명, 컨텍스트를 포함하고 답변에 제한, 가정 또는 단순화를 언급하십시오.] (https://stackoverflow.com/help/how-to-answer) – Frits

+0

도와 주신 모든 분들께 감사드립니다. 내 대답을 향상시키기 위해,하지만 내가 그것에 대답했을 때 질문이 변경되었습니다. 새로운 문제에 따라 내 대답을 변경했습니다.:) – Priyangna

+0

당신의 대답을 변경 한 후에도 오래된'jQuery'를 사용했다면 jQuery를 사용할 때 속성 스타일에 영향을주지 않아야합니다. 'css' 수정 자 함수를 사용해야합니다 –