Jquery Click Sorunu
Merhaba arkadaşlar, dropdownTitle classına tıklattığımda dropdownInner classına slideToggle() ekletiyorum ama hepsine ekliyor. Sadece tıkladığım clasa nasıl ekletebilirim.
<div class="container">
<div class="dropMenu-col">
<div class="dropdownTitle">Click 1</div>
<div class="dropdownInner">
Click 1
</div>
</div>
<div class="dropMenu-col">
<div class="dropdownTitle">Click 2</div>
<div class="dropdownInner">
Click 2
</div>
</div>
<div class="dropMenu-col">
<div class="dropdownTitle">Click 3</div>
<div class="dropdownInner">
Click 3
</div>
</div>
</div>
$(".dropdownTitle").on('click', function (e) {
$(".dropdownInner").slideToggle();
});
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
şöyle deneyebilirsin
$(".dropdownTitle").on('click', function (e) {
$(this).next('.dropdownInner').slideToggle();
});
Hepsine farklı classlar verirsen sorun düzelir.
örneğin .dropdownTitle
değilde .dropdownTitle3
kullanabilirsin.