AçKapa kullanmak(ShowHide)



Bir önceki makalede ([JS]Açılır Kapanır Kutular Yapmak) kodunu kullanmıştık.ama o kod tıklamayla hem gösterip hem gizleyebiliyordu ve sadece kapatma veya sadece açma özelliği olmadığı için herzaman iş görmüyordu.bu makalede onları göstericem.Başlıyoruz;

Önce bir link ve div oluşturalım, malum buların üstünde yapacağız işlemleri.

 <a id="goster" href="#">Göster</a>
 <a id="gizle" href="#">Gizle</a>

<div id="birincikutu" style="border:1px solid green; height:100px; display:none; width:100px; background-color:green;"></div>
JS kodumuzu script tagımızın içine yazalım.tabiki öncesinde kütüphaneyi bağlayalım.Kütüphaneyi bağlamayı size bırakıyorum,ben js kodlarını yazıyorum.

<script type="text/javascript">
$(document).ready(function(){
$("a#goster").click(function(){
$("div#birincikutu").show("normal");
})
$("a#gizle").click(function(){
$("div#birincikutu").hide("normal");
})
})
</script>
Sonuç;
Göster      Gizle