Animer horizontalement le bloc menu

Bonjour,
je cherche un moyen à faire animer le bloc Menu de ma page de telle sorte qu'au lancement de celle ci, le menu (caché) coulisse de gauche à droite et aussi j'aimerais en faisant un clic sur un des liens du menu, que le contenu coulisse de la même manière.
Je me débrouille en html/css et quelques notions en JS :oops:

Le style de menu utilisé sur ce site est à peu près le résultat que je recherche

Merci pour toute aide

Tu trouveras toutes les réponses dans le code source du site en question. Pour t'aider, après avoir regardé rapidement, le fichier qui t'intéresse est jquery.custom.js, et particulièrement:
Pour le chargement de la page:

Code:

---

1 2 3 4 5 6 7 8 9

$(window).load(function () { ... menu.each(function (index) { $(this).delay(150 * index).animate({ left : 0 }, 400); }); });

---

Et pour le clic sur un lien de menu:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

$(document).delegate("a[href*=.html]", "click", function (event) { event.preventDefault(); linkLocation = this.href;   content.animate({ //left: $(window).width() left : -850 }, 400); $('.slider-thumb-tray').animate({ //left: $(window).width() bottom : -100 }, 400); logoHolder.animate({ top : '3%' }, 300, redirect); });

---

Ce n'est pas forcément pour un débutant toutefois... Bon courage !