Jquery Click hk.

Merhaba;

Bir divim var içinde bir dive tıklandığında yine kendi içinde ki divi gösterip gizlemeye yarayan fonksiyon var ve bu divlere class değerleri üzerinden erişiyorum fakat bu ana divden 2-3 tane olduğu zaman hepsinin içinde ki divler aynı olduğu için birini aç dediğim zaman tüm divler açılıyor

Örnek :

https://codepen.io/Modal/pen/VwZqarO

Bu şekilde dediğim gibi bir mantık hatası oluyor her div için ayrı bir id attribute değeri atmaktan başka yöntem var mıdır

Her zaman tıkladığınız divin bir sonraki divi açtırmak isterseniz bu kod işinize yarar.

$(".div1").click(function(){
$(this).next().toggle();
});

Eğer içinde ki bir divi göstermek isterseniz

$(".div1").click(function(){
$(this).children("div").toggle();
        });

@Pixelizm; Hocam o iki div birbirinden tamamen bağımsız ve aralarında birçok kod var o yüzden next ve child kullanamıyorum başka ne yapabilirim ?

hocam siz yapmak istediğiniz şeyin html kısmın örneğini koyun ki çözüm üretebilelim.

@Pixelizm; Haklısınız hocam kodlar :

https://codepen.io/Modal/pen/VwZqarO

Burada gördüğünüz gibi tıkla bölümüne tıklayınca gözükmesi gereken alan ilgili divde değil tüm divlerde gözüküyor.

Teşekkkürler.

@Modal; eğer direk bu şekilde kullanacaksan bu işini görür

$(".tikla").click(function(){
        $(this).parent().next().next(".gizli").toggle();
});

https://codepen.io/hakansalih/pen/dybwMBy

@Pixelizm; Maalesef hocam arada bir sürü kod var şöyle bir şey düşündüm .tiklanın bir üstünde ki elamana ulaşayım onunda bir üstünde ki elemana ulaşayım yani kapsayıcıyıa daha sonra o kapsayıcın içinde ki .gizli classına ulaşmak

bunun için :

var e = $(this).parent();
var p = e.parent();
var i = p.index(e);

bu şekilde en üst dive ulaşıyorum fakat bunu selector olarak seçemiyorum

$('.tikla').click(function(){
$(this).closest('.row').find('.gizli').toggle();
});