Jquery show() ve hide() metotlarıyla açılır kapanır div kutusu

<script src="jquery-1.11.1.js"></script>

<script>
$(document).ready(function(){
          $("#gizle").click(function(){
              $("#divadi").hide("slow");
          });
        
        $("#goster").click(function(){
              $("#divadi").show("slow");
          });
        
});
</script>

<style>
.nesne {
    background:#C33; color:#fff; margin:2px; height:70px; text-align:center; line-height:70px; width:220px;}
input.tikla {
    background:#066; color:#fff; border:none; cursor:pointer; margin-left:10px;  height:30px; text-align:center; line-height:30px; width:80px; position:relative;
    float:left;}

</style>

 


<div class="nesne"  id="divadi"> Butona Tıkla ve Gizle .</div><br>
<input class="tikla" name="" type="button" id="gizle" value="Divi Gizle">
<input class="tikla" name="" type="button" id="goster" value="Divi Göster">

Programın Çıktısı

Butona Tıkla ve Gizle .

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
13
Günlük :
122
Haftalık :
514
Aylık :
1530
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."