이 사업부 여기

Question

측 OUT 클릭에 활성 사업부를 숨기기 내 JQuery와있다. #locations에서 앵커 태그를 클릭하면 ajax가 호출되고 #map_n_vilage div가 표시됩니다 ... 이제 원하는 것은 div가 아닌 다른 것을 클릭하면 모든 div가 사라집니다.

Answer 1

함수가 된 div를 숨길 확인 : 당신은 클릭하는 모든 사업부에 대한 새로운 핸들러이 첨부 만 hideDivs은 이름이 같지 villages, map_n_village, locations을 수행입니다 실행할 수

function hideDivs() { 
    $('.villages').hide(); 
    $('#map_n_vilage').hide(); 
    $('#locations').hide(); 
} 

. :visible 선택자를 사용하여 표시 여부를 확인할 수도 있습니다.

Answer 2

일반적으로 이벤트 버블 링으로 인해 html 페이지의 항목이 클릭 될 때마다 본문에 클릭 이벤트가 발생합니다. 이 같은 뭔가 : 메인 DIV-ID가 클릭 된 경우, 당신은 당신의 사업부를 숨기려하지 않는 일부 컨트롤의 ID를해야

$("body").click(function(e) { 
    if (e.target.id != "your-main-div-id") { 
    //hide whatever div you want to hide 
    } 
}); 

. 그 부분을 제거 할 수도 있지만 귀하의 경우에는 필요하다고 생각합니다.