So zeigen Sie jQuery Popup in verschiedene Liste

Question

Ich muss dafür helfen .. wenn ich auf .btm-arrow Klasse klicken möchte ich nur das Popup-Box anzeigen. Aber jetzt zeigt es jede Popup-Box. Ich verwendete in der Klasse attr, deshalb ist der Konflikt.

Html-Code

<div class="TableData"> 
<ul> 
<li>SURAT AL-FATIHAH</li> 
<li>SURAT AL-FATIHAH</li> 
</ul> 
<p><input type="text" name="#" placeholder="Type Your Item"></p> 
</div> 
<a href="#"> 
<i class="fa fa-arrow-circle-o-down btm-arrow" aria-hidden="true"></i> 
</a> 

JQuery-Code

<script src="js/jquery.js"></script> 
<script> 
$(function(){ 
$('.btm-arrow').click(function(){ 
$('.TableData').toggle();; 
}); 
}); 
</script> 

Answer 1

können Sie diese Lösung finden mit am nächsten() und prev() Methoden der jquery.

$('.btm-arrow').click(function(){ 

    $(this).closest("a").prev().toggle();; 
}); 

Arbeitsbeispiel finden Sie hier - https://jsfiddle.net/20rx1nvp/2/