Ошибка скрытия div при щелчке правой кнопкой мыши

Question

Я использую 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();
    });
});

Answer 1

Я бы попробовал:

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

Демо: http://jsfiddle.net/karim79/8bUgc/