Menu latéral multicolonnes

Bonjour,

Je cherche à réaliser un menu comme sur le site http://www.cassel.fr, c'est-à-dire un menu en colonne latérale pour un site fluide (jusque là, cela va) mais avec des sous-menu sur une seconde colonne qui apparaît en glissant sous la première colonne (du moins c'est l'impression que cela donne).

Je suis à la recherche d'un tutoriel ou d'un code open-source pour ce genre de menu et comportement.

Je ne sais pas si cela peut être réalisé en full CSS ou si cela nécessite un peu de Jquery.

Je développe le site avec Bootstrap et n'ai pour le moment pas trouvé l'équivalent sur des sites comme http://bootsnipp.com

D'avance merci pour vos bons conseils, voire codes sources

Hello,

C'est faisable sans utiliser du jQuery.
Il suffit de mettre un sous-menu caché derrière le menu, et de le faire se déplacer à droite de celui-ci lorsqu'un lien est survolé, le tout avec une transition pour un effet fluide (attributs :hover et transition).

Après je ne garantie pas que c'est la bonne démarche à suivre, je ne suis que novice dans cette pratique
Modifié par flox (28 Feb 2017 - 12:18)

Quelque chose comme ça ?

https://jsfiddle.net/kw1bnvjo/2/

J'ai utilisé du jQuery du coup, puisqu'il n'y a pas de sélectionneur non descendant en CSS il me semble.