• 29-08-2015, 19:12:50
    #1
    Reveloper
    Merhaba,

    Arkadaşlar öncelikle kusura bakmayın jquery yeni yeni öğrenmeye başladım size danışıyorum 3dür

    şöyle bir yapım var:
    <a href="#showdiv12">Göster</a>
    <a href="#showdiv13">Göster</a>
    <a href="#showdiv14">Göster</a>
    
    <div style="display:none;" id="showdiv12">Lorem ipsum</div>
    <div style="display:none;" id="showdiv13">Lorem ipsum</div>
    <div style="display:none;" id="showdiv14">Lorem ipsum</div>
    url'ye tıklayınca otomatik olarak showdiv{id}'nin gözükmesi lazım?
  • 29-08-2015, 20:20:25
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    $(function () {
    	$("a").on("click", function (e) { 
            var dv = $(this).attr("href");
            $(dv).css("display", "block");
    	});
    });
  • 29-08-2015, 21:24:07
    #3
    http://codepen.io/anon/pen/MagRzJ?editors=101
    bu şekilde a href lere class eklerseniz daha iyi olur bu şekilde kullanabilirsiniz.
  • 30-08-2015, 03:04:32
    #4
    Reveloper
    ufukt51 adlı üyeden alıntı: mesajı görüntüle
    http://codepen.io/anon/pen/MagRzJ?editors=101
    bu şekilde a href lere class eklerseniz daha iyi olur bu şekilde kullanabilirsiniz.
    Teşekkür ederim.

    Başka bir göstere basınca veya kendi yayınladığı göster'e basınca kapanmasını nasıl yapacağım hocam?

    ve galiba animasyon ekledim çok mutluyum

    $(document).ready(function(){
    $('.tikla').on('click', function () {
    var idx = $(this).attr('href');
    var regex = /\#showdiv(\d+)/;
    match = regex.exec(idx);
    $('#showdiv'+match[1]).show(200);
    });
    });


    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 03:04:32 -->-> Daha önceki mesaj 02:50:54 --

    yaptım hocam ))

    çok teşekkür ederim:

    <a class="manage" href="#listhost12">Göster</a>
    <a class="manage" href="#listhost13">Göster</a>
    <a class="manage" href="#listhost14">Göster</a>
     
    <div style="display:none;" class="managed" id="listhost12">Lorem ipsum</div>
    <div style="display:none;" class="managed" id="listhost13">Lorem ipsum</div>
    <div style="display:none;" class="managed" id="listhost14">Lorem ipsum</div>
    js:
    $(document).ready(function(){
    $('.manage').on('click', function () {
    var idx = $(this).attr('href');
    var regex = /\#listhost(\d+)/;
    match = regex.exec(idx);
      if($('#listhost'+match[1]).css('display') == 'block'){
        $('#listhost'+match[1]).hide(200);
        $(".managed").hide(200);
      }else{
        $('#listhost'+match[1]).show(200);
      }
    
    });
    });