$(document).ready(function () {
    $("div#portal").click(function (e) {
        $("ul#portallist").slideToggle("slow", slideToggleCallBack);
        e.stopImmediatePropagation();
    });

    function slideToggleCallBack() {
        $(this).is(":visible") ? $("#arrow").addClass("active") : $("#arrow").removeClass("active");
    }

    $(document).click(function () {        
        if ($("ul#portallist").is(":visible")) {
            $("ul#portallist").slideUp("slow", slideToggleCallBack);
        }
    });

    $("ul#portallist").click(function (e) {
        e.stopPropagation();
    });
});