Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Yazılım Geliştirme
  • Java
  • Bu Konuda
Şimdi Ara

jquery HİDE SHOW

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
5
Cevap
0
Favori
441
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • <script type="text/javascript">
    $("#enust").click(function(){
    $("#alt1").slideToggle();
    $("#gizle").attr({
    src: "arrow_up.png",
    });

    });

    </script>

    <img id="gizle" class="okuy" src="arrow_down.png"/>

    #enust e tıkladıgımda #alt1 div i slide şeklinde kapanıyor #gizle img sindeki src değeri arrow_up.png olarak değişiyor. tekrar tıkladığımda arrow down olarak değişmiyor.

    bir defa arrow_up oluyor ve öylece kalıyor #alt1 kısmı acılıp kapanıyor fakat arrow hep aynı kalıyor.

    Yardımlarınızı bekliyorum.



    < Bu mesaj bu kişi tarafından değiştirildi mavilii -- 19 Mart 2015; 15:21:26 >



  • Selamlar mavilii,

    Lutfen eger mumkunse , butun html kodu verebilirmisin?

    O zamana kadar sana calisan kucuk bir ornek vereyim: JSFiddle hazir ornek
  • <div style="border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; border:solid 1px #999999; ">
    <h1 id="enust" style=" padding:10px 0px 0px 10px; margin:0px 0px 0px 0px; background-color:#1D3652; FONT:13px Century Gothic, Helvetica, Verdana, Arial, sans-serif ; height:25px; color:white;">
    <img id="gizle" class="okuy" src="arrow_down.png"/>Yeni Eklenen</h1>
    <ul id="alt1" style=" list-style: none; padding:0px; margin:0px;">
    <li style="height:22px; padding-left:30px;FONT:13px Century Gothic, Helvetica, Verdana, Arial, sans-serif ; background-color:#f2f2f2;">konu buraya</li>
    <li style="height:22px; padding-left:30px;FONT:13px Century Gothic, Helvetica, Verdana, Arial, sans-serif ; background-color:#f2f2f2;">konu buraya</li>
    <li style="height:22px; padding-left:30px;FONT:13px Century Gothic, Helvetica, Verdana, Arial, sans-serif ; background-color:#f2f2f2;">konu buraya</li>
    <li style="height:22px; padding-left:30px;FONT:13px Century Gothic, Helvetica, Verdana, Arial, sans-serif ; background-color:#f2f2f2;">konu buraya</li>

    </ul>

    </div>



    < Bu mesaj bu kişi tarafından değiştirildi mavilii -- 19 Mart 2015; 15:58:07 >




  • Verdiğin örneğin aynısı aslında.

    Tek sıkıntı ok default degeri aşağı

    tıklandığında ok yukarı gösteriyor kapaniyor

    tekrar tıklandığında yukarıda takılı kalıyor

    2. tıklamada attr scr değişimini pasif edecek bi kod yazmak lazım ama bir türlü halledemedim.



    < Bu mesaj bu kişi tarafından değiştirildi mavilii -- 19 Mart 2015; 17:39:09 >
  • Tamam kanka, src ile hazirladim sana, ve senin html kodunla. Ornege bir goz at: Ornek JSFiddle

    Eger sorun varsa sor
    • Yapay Zeka’dan İlgili Konular
    Sample Blog Title
    2 hafta önce açıldı
    Cars 1 Video Game Cannot İnstantiate string resolver method Sorunu
    6 yıl önce açıldı
    Freepik-Envato-ShutterStock-AdobeStock-PNGTree-Motion Array 📢Otomatik İndirme 7/24🧿Stockindir
    2 yıl önce açıldı
    Daha Fazla Göster
    
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum