2013-04-29 13 views
14

tarafından bir div gizleme ben gösterilmesi gereken bir div var tüm bu içerik görüntülenir kullanıcı görüntülenir. Onu saklayabileceğimin bir yolu var mı? alan olarak yukarı atlamak için senin $("div.toshow").show(); sizin elemanı neden olacaktır görüntülemek kullanırsanız Ya Ekranı veya Görünürlükvarsayılan

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. 

kullanabilirsiniz

.toshow 
{ 
    display: none; 
} 

cevap

35

Evet böyle style kullanabilirsiniz edebilirsiniz css

+6

Lütfen satır içi CSS'den kaçının. – Lasse

+8

Eh, onun için soruyordu. : D –

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

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

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

Css'de yapmak istemiyorum. –

+1

'da bir yol var mı? Doğrudan css'yi kullanırken jquery'yi neden kullanmalısınız? –

8

Sen CSS display kullanabilirsiniz bunun için korunmadı. Görünürlük ile olmaz. Bunu yapmak için

bir yolu dispay Senaryonuzun sınıf

.toshow 
{ 
    display:none; 
} 

amacıyla atamış olduğu: -

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

Veya Sadece sağlar: -

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

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

seni Bir .show() jquery, işaretlemeye yalnızca display:block satır içi stilini ekler.

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

veya

.toshow{ 
     visibility:hidden; 
     } 
1

vücutta yapmak için::

<body> 

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

</body> 

Ben inline önleyeceğini rağmen

-3

"toshow" sınıfının CSS stillerini "display: none" ekleyerek değiştirmek için jQuery'yi kullanabilirsiniz. örneğin

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

Lütfen sadece kodu bir cevap olarak dökmekten kaçının ve ne yaptığını ve nedenini açıklamaya çalışın. İlgili kodlama deneyimine sahip olmayan kişiler için kodunuz açık olmayabilir. Lütfen cevabınızı [açıklık, bağlam ve cevabınızdaki herhangi bir sınırlama, varsayım veya basitleştirmeden bahsetmeye çalışın.] (Https://stackoverflow.com/help/how-to-answer) – Frits

+0

Herkese yardım ettiğiniz için teşekkür ederim. cevabımı iyileştirmek için, ama cevap verdiğimde soru değişti. Cevabımı yeni probleme göre değiştirdim.:) – Priyangna

+0

Değişikliklerinizden sonra bile, 'jQuery' eski moda jQuery kullanıldı, jQuery kullanıldığında, özniteliğin stilini de etkilememelisiniz, 'css' değiştirici işlevini kullanmalısınız –

İlgili konular