$(document).ready(function(){
    $("ul.mainmenu span").click(function(event) {
        $("ul.mainmenu ul:visible").hide();
        $(this).parent().addClass("active");
        $(this).next().show();

    }),
    $("ul.mainmenu span").mouseover(function() {
        $(this).addClass("hover");
    }),
    $("ul.mainmenu span").mouseout(function() {
        $(this).removeClass("hover");
    });
});