$(document).ready(function() {
    $("ul.subnav").parent().append("<span id='SpanRegion'></span>");
    $("ul.subnav_league").parent().append("<span id='SpanLeague'></span>");

    $('#SpanRegion').click(function() {
        $(this).parent().find("ul.subnav").slideDown(1100).show();

        $(this).parent().hover(function() { }, function() {
            $(this).parent().find("ul.subnav").slideUp(800);
        });
    }).hover(function() {
        $(this).addClass("subhover");
    }, function() {
        $(this).removeClass("subhover");
    });

    $('#SpanLeague').click(function() {
        $(this).parent().find("ul.subnav_league").slideDown(1100).show();

        $(this).parent().hover(function() { }, function() {
            $(this).parent().find("ul.subnav_league").slideUp(800);
        });
    }).hover(function() {
        $(this).addClass("subhover");
    }, function() {
        $(this).removeClass("subhover");
    });
});