다른 목록에 jQuery 팝업을 표시하는 방법

Question

그 도움이 필요합니다. .btm-arrow 클래스를 클릭하면 팝업창 만 표시됩니다. 하지만 이제 모든 팝업 상자가 나타납니다. 클래스 attr에서 사용되었으므로 충돌이 발생합니다.

html로 코드

<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와 코드

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

Answer 1

당신은 가까운 곳() 및 이전을 사용하여이 솔루션() JQuery와의 방법을 찾을 수 있습니다.

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

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

작업을 예를 여기 찾을 수 있습니다 - https://jsfiddle.net/20rx1nvp/2/