Jquery 토글이 작동을 멈췄습니다.

Question

나는 클릭 할 때 메뉴를 표시하고 다른 클릭을 숨기는 간단한 토글을 가지고 있습니다. 이 코드는 완벽하게 작동하므로 (각 사용자에 대해 여러 메뉴

$('.abutton').live('click',function(){ 
    var id = $(this).attr('id'); 

    $('#amenu'+id).toggle(); 
    return false; 

}); 

이 html로

<a class="abutton" id="17">Edit</a> 
<ul id="amenu17" class="amenuc"> 
<li><a href="#" id="17"> Delete</a></li></ul> 

이 경우 지금 .... 그것은 사용자 ID에 따라 올바른 메뉴를 발견 ...가 사용자는 다른 사용자가 페이지의 모든 요소를 ​​클릭하는 경우 나 개방 드롭 다운을 종료 코드를 첨가 어떤 메뉴를 종료 잊어

$('html').click(function() { 
    $('.amenuc').hide(); 
}); 

(예를 들면, 다른 사람이 다른 "편집"버튼 또는 어떠한 곳을 클릭하면 페이지)... 하지만 이제는 토글이 작동하지 않습니다 (모든 것은 "편집"버튼을 클릭하면 메뉴가 표시되지만 다시 "편집"버튼을 클릭하여 닫으면 닫히지 않습니다).

내 코드에 어떤 문제가 있습니까? 또는 나는 무언가를 잊고 있는가?

Answer 1

이 시도 : 빠른 응답을위한

$(document).on('click', function(event) { 
    if (!$(event.target).hasClass('abutton')) { 
      $('.amenuc').hide(); 
    } 
});