Jquery 右键单击时自动隐藏div错误

我使用jquery在单击时显示一个div，在单击其他任何地方时隐藏它！但问题是，在div内单击鼠标右键时，脚本也会隐藏div

这是我的jquery

$(function() {
    $(".activities a").click(function(e) {
        $('.search').html('<center><img src="loading.gif" style="margin: 20px 0;" /></center>');
        $(".search").toggle().toggleClass("active");
        $('.search').load('someurlhere.php');
        e.stopPropagation();
    });


    $(document).click(function(e) {
        $('.active').hide().removeClass('active');
    });

    $(".search").click(function(e) {
        e.stopPropagation();
    });
});

$（函数（）{
$（“.a”）。点击（功能（e）{
$（'.search'）.html（''）；
$（“.search”）.toggle（）.toggleClass（“活动”）；
$（'.search'）.load（'someurlhere.php'）；
e、 停止传播（）；
});
$（文档）。单击（函数（e）{
$（'.active'）.hide（）.removeClass（'active'）；
});
$（“.search”）。单击（函数（e）{
e、 停止传播（）；
});
});

我会尝试：

$(document).click(function(e) {

    // only hide div if something else other than
    // the .active div or one of its children is clicked
    if(!$(e.target).hasClass("active") && !$(e.target).closest(".active").length) {
        $('.active').hide().removeClass('active');
    }
});

演示：