jquery - 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');
});

还是我错过了什么？