[Eliot456]

$(function() {
    $("#main-menu li > ul").each(function(indx, el) {
        $(el).hide().prev().on('click', function(event) {
            event.preventDefault()
            $(el).slideToggle()
        }).hover(function() {
                $(this).css({
                    "color": "#FF00FF"
                });
            },
            function() {
                $(this).css({
                    "color": "#000"
                });
            })
    })
});

А как в таком случае сделать чтобы при открытии другого подменю предыдущее раскрытое закрывалось?