$(document).ready(function(){
    $('ul.mainmenu span').each(function() {
        if($(this).hasClass('hidespan')){
            $(this).next().hide();
        }
        if($(this).hasClass('showspan')){
            $(this).next().show();
        }
    });
    $("ul.mainmenu span").click(function(event) {    
        $(this).parent().addClass("active");
        $(this).next().show();

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