jQuery : 요소를 숨기려면 클릭하십시오

Question

아래에 작은 jQuery 함수가 있습니다. 기본적으로 링크 또는 이미지 여부에 관계없이 #hover-trigger 요소를 클릭하여 작동합니다. 그러면 중앙 집중식 div 요소 이 화면 중앙에 나타납니다 (이 경우 #hover-content).

궁금한 점은 특정 요소를 클릭 할 때 div이 다시 사라지게하려면이 기능의 끝에 어떤 기능을 추가 할 수 있습니까?

$(document).ready(function() 
{ 
    $('#hover-trigger').click(function() 
    { 
     $(this).next('#hover-content').slideToggle(); 
     $(this).toggleClass('active');     

     if ($(this).hasClass('active')) 
      $(this).find('span').html('▲') 
     else 
      $(this).find('span').html('▼') 
    }) 
}); 

Answer 1

어떤 요소를 클릭 하든지 div를 숨기라고 말하십시오.

$("#clickMe").click(function(){ 

$("#divToHide").hide(); 
}); 

Answer 2

시도 :

$('#hide-trigger').click(function(){ 
    $('.avtive').slideToggle(); 
    $('.active').toggleClass('active'); 
}); 

또는 내가 뭔가를 놓친 거지?