Örnek vermek gerekirse bir yoruma yanıtla dediğim de onun altında bir kutucuk çıkacak ve oradan cevaplama işlemi yapacak adam ama bir sürü yorum var ise ben bu kutuyu tıklanan yorumun altında nasıl aktif edebilirim acaba ?
Bunlarda şuanda kullandığım kodlar
Gizleme scripti
<script>
function HideAndShow(ID) {
var secilenID = document.getElementById(ID);
if (secilenID.style.display == "none") {
secilenID.style.display = "";
} else {
secilenID.style.display = "none";
}
}
</script>
Buda reply tuşuna basınca tetiklenen cevaplama kısmım
<a onclick="HideAndShow('reply')" href="javascript: void(0);"
class="reply-btn"><span id="{{$comments->id}}">Cevapla</span></a>
</div>
</div>
<div class="dt-leave-comment" id="reply" style="display: none;" >
<h4>Bir Yorum Yazın</h4>
<form action="{{route('yorum_gonder.store')}}" method="post" enctype="multipart/form-data">
@csrf
<div class="input-list">
<input required maxlength="60" requiredtype="text" name="Name"placeholder="İsim">
<input maxlength="300" required type="email" name="Email" placeholder="Mail Adresiniz">
<input type="hidden" name="comment_slug" placeholder="Mail Adresiniz" value="{{$data->review_slug}}">
</div>
<textarea id="txtMesaj" required maxlength="500" name="Message" placeholder="Yorumunuz"></textarea>
<button type="submit">Yorumu Gönder</button>
</form>
</div>
Burası da hangi sorunun id'si olduğunu yakaladım kısım
<script type="text/javascript">
$(document).ready(function(){
$('.reply-btn').click(function(){
var yeniid = $(this).find('span').attr('id');
});
});
</script>
Bu resimde görünen kısmı her yorumun altında tıklandığın da açmak istiyorum ama sadece en üsttekin de aktif oluyor