Şimdi Ara

Javascript bilen arkadaşalr yardımcı olabilir mi

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir (1 Mobil) - 1 Masaüstü1 Mobil
5 sn
4
Cevap
0
Favori
349
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_slide_toggle

    Arkadaşlar yukarıdaki sitede sağda bulunan açılır menüden ben 2-3 tane yapmak istiyorum alt alta ama ben hangisine tıklarsam o açılsın istiyorum bunu nasıl yapabilirim acaba ? 1.ci tıklamada ilki,ikinci de sadece 2.açılsın istiyorum...tşkler.



  • yorgun şair kullanıcısına yanıt
    Eğer doğru anladıysam, sorduğun sorunun cevabı gene içinde saklı.

    Üstteki düzenin aynısını kopyalayıp alta yapıştırabilirsin. Gerçi bu amatörce bir yaklaşım oldu ama işi görür.


     

    <!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
    $("#flip").click(function(){
    $("#panel").slideToggle("slow");
    });
    });

    $(document).ready(function(){
    $("#flip2").click(function(){
    $("#panel2").slideToggle("slow");
    });
    });

    $(document).ready(function(){
    $("#flip3").click(function(){
    $("#panel3").slideToggle("slow");
    });
    });


    </script>

    <style>
    #panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
    }

    #panel {
    padding: 50px;
    display: none;
    }

    #panel2, #flip2 {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
    }

    #panel2 {
    padding: 50px;
    display: none;
    }

    #panel3, #flip3 {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
    }

    #panel3 {
    padding: 50px;
    display: none;
    }


    </style>
    </head>
    <body>

    <div id="flip">Tıkla Kardeşim</div>
    <div id="panel">Merhaba world!</div>

    <div id="flip2">Tıkla Kardeşim 2 </div>
    <div id="panel2">Merhaba world! 2</div>

    <div id="flip3">Tıkla Kardeşim 3 </div>
    <div id="panel3">Merhaba world! 3</div>

    </body>
    </html>






  • Hepsini tek bir din içine al.Sonra tıklanıldığında index değerine göre işlem yaptır.

    Mesela 2.sıradakine tıkladı index değeri 1 dönecek açılacak divlerin index değeri 1 olanı açtır.
  • saolu beyler hallettim bende kendime göre,belki işine yarayan olur diye koyayım yaptıgım şekli...

    <script> 


    $('.flip').click(function () {

    $(this).find('.panel').show("slow");
    });

    </script>
  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
    
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.