ops.....
hai ragione....
codice:
<div class="centra">
<div class="menu">
<ul>
[*]Home
[*]Gallery
[*]Blog
[*]Contatti
<div class="clear"></div>
[/list]
</div>
</div>
codice:
.centra{background-color:#000;position: absolute;top: 80%;left: 0%;margin-top: -119px;margin-left: 0px;}
.menu-toggle{ background: url('img/logo.png') 5px 10px no-repeat; display: block;float:left; width: 238px; height: 118px;padding:10px 10px 10px 0}
.menu{background-color:#FFFFFF;float:left;}
.menu ul li{float:left;}
.menu ul li a{font-family: "RobotoLight",Arial; text-transform: uppercase; padding:57px 20px; display:block; }
.menu ul li a:hover{background-color: #000;color:#fff;}
codice:
$('.menu-toggle').click(function() {
$(".s").remove();
$(this).animate({
left: 500
}, 500, 'easeOutBack', function() {
$(this).animate({
left: 0
}, 500, 'easeOutBack', function() {
$(this).after('<div class="complete">Animazione completata.</div>');
});
});
});