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();
});