많은 셀렉터 중 1 명 표시

Question

jquery show/hid 스크립트가 있습니다. 내가 가진 문제는 모든 선택자를 보여주는 것입니다. 클릭 한 div 안에있는 것을 보여 주기만하면됩니다.

HTML

<!--row1 --> 
    <div class="row resource-line-item"> 
    <div class="zone1"> 
     <h3 class="clickable">ANDALE.TTF - True Type Font</h3> 
     <span class="edit-resource">Edit</span> 
    </div> 
    <div class="zone2 printer-state"> 
     <p> Size: 4153344 <br> 
      Date: Tuesday, March 26, 2013 2:14:14 PM</p> 
    </div> 
    <div style="display: none;" class="edit-Box"> </div> 
    </div> 

<!--row2 --> 
    <div class="row resource-line-item"> 
    <div class="zone1"> 
     <h3 class="clickable">ANDALE.TTF - True Type Font</h3> 
     <span class="edit-resource">Edit</span> 
    </div> 
    <div class="zone2 printer-state"> 
     <p> Size: 4153344 <br> 
      Date: Tuesday, March 26, 2013 2:14:14 PM</p> 
    </div> 
    <div style="display: none;" class="edit-Box"> </div> 
    </div> 

JQUERY 다시

<script type="text/javascript"> 
    $("#resource-list-area .edit-resource").on("click", function(event){ 
    $(this).next(".edit-box").toggle(); 
     //alert('hello') 
    }); 
    </script> 

Answer 1

는 추측은 마크 업 이잖아

$("#resource-list-area").on("click", ".edit-resource", function(event) { 
    $(this).closest(".row").find(".edit-Box").toggle(); 
}); 

작업 바이올린 참조 : http://jsfiddle.net/xZBje/1

Answer 2

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

을