UPDATE:
He actualizado mi código para que sea mas legible...
Código:
jQuery.fn.extend({
AnimateMenu:function(){
var total_widths = 0;
var speed = 1000;
$(this).children().each(function(){
total_widths += $(this).outerWidth();
total_widths += parseInt($(this).css("margin-left"),10);
total_widths += parseInt($(this).css("margin-right"),10);
$(this).css({left:"-"+(total_widths)+"px"});
});
$(this).children().each(function(){
$(this).animate({left:"0px"},speed);
});
}
});
jQuery(document).ready(function($){
$("ul").AnimateMenu();
});
Saludos...