Gizle-Göster butonu yapımı..

Bir div’i, bir paragrafı, bir tabloyu yada benzer bir elemanı gösterip gizletmek için butonları bazı sayfalarda görüyorsunuzdur.. Bunu yapmanın nasıl olduğunu düşünüp, sonra çok yorucu bir iş olduğuna karar verip vazgeçenlerde olmuştur belki..
Ama aslında sadece ufacık bir kod ile bunun yapıldığını bilseniz hiçte öyle düşünmeyecektiniz 🙂

Bu gizle/göster butonlarını yapmak için kullanacağımız api gene Jquery’de gizli =) Adı ise toggle 🙂
Size ufacık bir örnekle bunu kısaca göstermeye çalışacağım..

İlk olarak olmazsa olmaz Jquery dosyamızı ekleyelim sayfamıza..

Sonrasında da deneme olarak ben 2 ayrı paragraf elemanı kullanıyorum siz bunu daha rahat arttırabilirsiniz.Zaten göreceğiniz gibi id lerdeki isimleri unutmamamız bize rahatlıkla yetecek.

Ve sonrasında bu butonlara tıklanınca ne yapılacağını belirten ufak kodcuklarımız.. 🙂

İşte.. Hepsi bu kadar.. Şimdi bu butonu kullanacağınız yere göre ayarlamak size kalmış.
He bu arada demo isterseniz ona da buradan ulaşabilirsiniz.

Genel olarak web üzerine yoğunlaşan, gaza gelmek için müzik dinleyen, amatör olarak resim çekmeye çalışan, bir yandan özel bir şirkette çalışıp, diğer yandan da okumaya devam eden sıradan bir ölümlü. He bide buraların sahibi.

Leave a reply:

Your email address will not be published.