Wie schreibe ich mit Jquery "wenn nicht angeklickt" oder "wenn außerhalb des Elements angeklickt"?

Ich habe ein Problem damit, wie ich verhindern kann, dass mein Menü die Funktion fadeOut () ausführt. Wenn ich auf die Hauptlinks in meinem Menü klicke, um das Untermenü zu öffnen, wird es ausgeblendet. So sieht der Code im Moment aus:

    $('a.main-menu-item').click(function(){

    if($('.rtmenu:visible')){

        $('.rtmenu').click(function(e) { e.stopPropagation(); });

        $(document).click(function() {
            $('.rtmenu').fadeOut(200);
        });
    }
})

Kann mir jemand sagen, wie ich schreiben kann, wenn nicht auf ein Hauptmenüelement geklickt wird, auf dem "Dokument" steht?

Viel geschätzt

LÖSUNG GEFUNDEN!

$('.rtmenu').click(function(e) { e.stopPropagation(); });
$('.rtmenu').mouseout(function(){ 
     $(document).one('click',function() { $('.rtmenu').fadeOut(200); }); 
 })

Antworten auf die Frage(4)

Ihre Antwort auf die Frage