Jquery selector가 비어 있어야합니다.

Question

두 개의 다른 링크를 클릭하여 div를 표시하고 숨기려고합니다. (실제로 내 페이지에는 이러한 섹션이 많아서 ID를 부여해야했습니다.)

내 HTML은 내가 양식을 엽니 다 data-action=open로 링크를 클릭 할 때 나는 spancontent-navigation이이

<div id="meta-503d22ceaf32609515000003" class="answer-form"> 
    <form action="..." method="..."> 
     <p> 
      <textarea name=".."></textarea> 
     </p> 
     <p> 
      <input type="submit" value=".."> 
      <a href="#" data-action="cancel" data-id="503526f7e8d08ecb0c000003">cancel</a> 
     </p> 
    </form> 
</div> 
<span class="content-nav"> 
    <a href="#" data-action="open" data-id="503d22ceaf32609515000003">open form</a> 
</span> 

것 같습니다. 이것은 jus 잘 작동합니다. 그러나 내가 cancle을 클릭하면이 answer form div를 숨기거나 닫고 위로 밀어야합니다. 여기

내 jQuery를 - 자바 스크립트입니다 : 그것은 ID 만 쿼리를 검색하는 두 번째 바인드 클릭 방식의

$(document).ready(function() { 

    $("a[data-action=open]").on('click', function(e) { 
     var id = $(this).data('id'); 
     console.log($("div#meta-" + id)); 
     $("div#meta-" + id).slideDown('slow'); 
    }); 

    $("a[data-action=cancel]").on('click', function(e) { 
     var id = $(this).data('id'); 
     console.log(id); 
     console.log(e); 
     console.log($("#meta-" + id)); 
    }); 

});​ 

$("#meta-"+id) 

는 secound 방법에서 아무것도 찾을 수없는 같은 호출 동안 첫 번째 방법에서 뭔가를 찾습니다.

양식을 찾고 닫을 수 있습니까? 취소 호출 (바인딩)이 양식 안에 중첩되어 있기 때문에 범위 문제입니까?

무엇이 여기에 있습니까?

Answer 1

내가하지 착각입니다 경우, 취소 버튼에 대한 ID가