HTML

Div Gizleme

Div etiketi HTML dökümanı içinde gizlemek için CSS yada Javascript/Jquery kullanılabilir.  Gizleme işlemi sadece div etiketi değil bütün HTML elementleri içinde aynı şekilde yapılmaktadır.

Etiketi CSS ile gizlemek için display özelliğinin none yapılması gerekir.

Ayrıca visibility özelliği ile hidden yapılarak ekrandan gizlenmesi sağlanabilir. Fakat visibility özelliği kullanıldığında nesne görünmez olsa da ekranda belirli bir yer kaplayacaktır. Ekranda yer kaplamayan gizli öğeler oluşturmak için kullanılabilecek en ideal yöntem display özelliğidir.

CSS ile Div Gizleme Örneği

etiketin display özelliği none yapılarak gizleme yapılır.

 

 

JavaScript ile Div Gizleme Örneği

Aşağıdaki örnekte butonun tıklama olayı gerçekleştiğinde div nesnesinin style.display özelliğine none değeri verilerek nesne ekrandan gizlenir.

 

Jquery ile Div Gizleme Örneği

JavaScript örneğinde olduğu gibi butonun tıklama olayı gerçekleştiğinde div etiketinin jquery ile seçip, css metoduna gizlemek için gerekli json verisi gönderilir.

 

Jquery kullanarak animasyonlu bir şekilde gizlemek için;

 

 

 

 

 

Yorum Yap