Jquery serimize devam ediyoruz.Bu derste
.show() ve
.hide() methodlarını kullanımını göreceğiz.Show bir objeyi göstermek için.Hide gizlemek için.Anlatmaya başlayalım.
1-hide()
Kullanımı şu şekilde :
$(".alan").hide();
Classı alan olan yeri gizleyecektir bu.Burda gizleyeceğimiz yer hemen gizlenir.Animasyonlu gizlemek için parantez içine gizlenme süresini yazmalıyız.
Süreyi milisaniye cinsinden yazıyoruz.1 saniye 1000 milisaniye demek.
$(".alan").hide(1000);
Şimdi 1 saniyede gizlenecektir.
1-show()
Objeleri göstermek için kullanırız.Kullanımı yukardaki hideyle aynı.Yine animasyonlu göstereksek parantez içine süreyi gireriz.
$(".alan").show(300);
300 milisaniyede alan görünür hale gelecektir.
Genel örnek :
<!DOCTYPE html>
<html lang="en">
<head>
<title>cArleone</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(".alan").hide(2000).show(300);
})
</script>
</head>
<body>
<div class="alan">cArleone</div>
</body>
</html>
cArleone yazısı 2 saniyede gizlenecek sonra 300 milisaniye de görünür hale gelecek.
UstaDerslik
