Menu javascript pour mobile et browser std.

Bonjour,

Je galère avec mon menu. Jusque ici j'ai essayé de m'en sortir seul mais la je sèche.

j'aimerais avec deux variantes de menu. Une pour un navigateur standard et une pour mobile. La structure est la mais pas l'animation.

Quand la résolution est supérieur à 640px de large il m'affiche les sous-menu dans une colonne droite. Et si inférieur il affiche les sous-menus en retour à la ligne.

Voir exemple ci-dessous:

http://jsfiddle.net/keisersuze/gA7B5/

Je désire animer tout ça avec des slides. Pour la version mobile (< 640px) slide les sous-menu vers le bas en Cliquant, et pour la version standard (> 640px) slide les sous-menu vers la droite en Rollover.

Dans mon exemple ci-dessus j'ai viré le java script foireux.

Si quelqu'un peux m'éclairer un peu ?

Merci pour votre attention.

Julien.

En se servant de width et height au lieu de display peut-être ?
http://jsfiddle.net/gA7B5/1/

Le problème est que les transitions marchent mal avec les valeurs height:auto, donc il faut trouver un moyen de les fixer, quitter à le pré-calculer en Javascript

Effectivement c'est un bonne solution. Je vais tenter de voir comment calculer la hauteur de mon bloc UL en JS et si jamais je reviens vers toi.

Merci beaucoup,

Julien.