• 11-04-2014, 17:22:51
    #1
    mrhaba arkadaşlar ben bir proje üzerinde çalışıyorum şimdi 3 tane link var.
    1.link
    2.link
    3.link diye
    ben toggle yaptım ama 1.link e tıklandığında 3 birden açılıyor ben hangisine tıklanırsa onu açtırmak istiyorum
    Yardım eden herkese teşekkürler.

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 14:22:51 -->-> Daha önceki mesaj 13:12:02 --

    yardım edecek yok mu ?
  • 11-04-2014, 17:31:09
    #2
    Linke tıklanınca toggle yapmak ne demek hocam. Linke tıklayınca link mi görüncek? açık olmayan linke nasıl tıklicaksın ?
  • 11-04-2014, 17:31:34
    #3
    dark_way adlı üyeden alıntı: mesajı görüntüle
    Linke tıklanınca toggle yapmak ne demek hocam. Linke tıklayınca link mi görüncek? açık olmayan linke nasıl tıklicaksın ?
    hocam şimdi linke tıklanınca altında istediğim yazı görünecek ben bunu yaptım. Ancak 3 tane link ede toggle yapacağım için ayrı ayrı olmasını istiyorum ben 1.linke tıkladığım zaman 3 birden açılıyor.
  • 11-04-2014, 17:38:57
    #4
    Kod paylaşırsanız yardımlar daha sağlıklı olacaktır. Onlarca yolla yapılabilir HTML yapınızı görmek gerek. Yapı uygunsa şöyle bişey olabilir mesela
    <a class="gizli_ac" href="javascript:void(0)" style="display:block;">link 1</a>
    <div class="gizli" style="display:none;">Gizli div 1</div>
    <a class="gizli_ac" href="javascript:void(0)" style="display:block;">link 2</a>
    <div class="gizli" style="display:none;">Gizli div 2</div>
    <script type="text/javascript">
    	$('a.gizli_ac').click(function(){ $(this).next('.gizli').slideToggle(200); });
    </script>
    İyi çalışmalar.

    Edit; "javascript: void( 0 )"ı tuhaf şeylered önüştürdü fazla tagları temizlemek lazım
  • 11-04-2014, 17:57:37
    #5
    dark_way adlı üyeden alıntı: mesajı görüntüle
    Kod paylaşırsanız yardımlar daha sağlıklı olacaktır. Onlarca yolla yapılabilir HTML yapınızı görmek gerek. Yapı uygunsa şöyle bişey olabilir mesela
    <a class="gizli_ac" href="javascript:void(0)" style="display:block;">link 1</a>
    <div class="gizli" style="display:none;">Gizli div 1</div>
    <a class="gizli_ac" href="javascript:void(0)" style="display:block;">link 2</a>
    <div class="gizli" style="display:none;">Gizli div 2</div>
    <script type="text/javascript">
    	$('a.gizli_ac').click(function(){ $(this).next('.gizli').slideToggle(200); });
    </script>
    İyi çalışmalar.

    Edit; "javascript: void( 0 )"ı tuhaf şeylered önüştürdü fazla tagları temizlemek lazım
    Hocam evet doğru ancak ben tam entegre edermdim. Team versem gelebilirmisiniz ?
  • 11-04-2014, 18:22:09
    #6
    Accordion mu yapmaya çalışıyorsunuz ?
  • 11-04-2014, 18:23:25
    #7
    EkolWeb adlı üyeden alıntı: mesajı görüntüle
    Accordion mu yapmaya çalışıyorsunuz ?
    gibi hocam team verin bir yardım edin lütfen ?
  • 11-04-2014, 18:31:25
    #8
    truser adlı üyeden alıntı: mesajı görüntüle
    gibi hocam team verin bir yardım edin lütfen ?

    http://jsfiddle.net/oguzz/F84qM/7/

    Şu örnekten yola çıkabilirsiniz. Konu üzerinden devam edin ki başka arkadaşlarda bilgi edinebilsin.
  • 11-04-2014, 19:13:04
    #9
    EkolWeb adlı üyeden alıntı: mesajı görüntüle
    http://jsfiddle.net/oguzz/F84qM/7/

    Şu örnekten yola çıkabilirsiniz. Konu üzerinden devam edin ki başka arkadaşlarda bilgi edinebilsin.
    hocam yapamıyorum