$(document).ready(function() {    
    $(".mainNavItem").bind("mouseenter", function(event){
        $(this).animate({
            width: '80%',
        });
    });
    $(".mainNavItem").bind("mouseout", function(event){
        $(this).animate({
            width: '100%',
        });
    });
});