jQuery - Ausblenden eines div-Menü nach dem Klicken außerhalb div

Question

Ich habe ein Dropdown-Menü erstellt bei:

http://www.ourbridalsongs.com/new_header/header.php

Wenn man auf den Pfeil nach oben/unten neben dem Logo klickt, erscheint das Menü - ich würde es gerne verschwinden lassen, wenn man irgendwo anders auf den Bildschirm klickt - aus irgendeinem Grund bleibt es hängen und gleitet nicht wieder nach oben.

Kann jemand helfen, dieses Problem zu lösen?

Hier ist mein Skript:

$(document).ready(function () {

    $("ul.subnav").parent().append("<span></span>");
    $("ul.topnav li span").click(function () {
        $(this).parent().find("ul.subnav").slideDown('slow').show();
        $(this).parent().click(function () {}, function () {
            $(this).parent().find("ul.subnav").slideUp('slow');
        });
    }).hover(function () {
        $(this).addClass("subhover");
    }, function () {
        $(this).removeClass("subhover");
    });

});

Danke!!!