Menu a deux colonnes

Bonjour,

J'ai un menu vertical et j'aimerai que mes sous-puces soient affichées dans un nouveau bloc à gauche de ce menu et ce au clic.
J'ai trouvé le script JS mais je me demandais comment mettre mes sous-puces dans un nouveau div.
En gros je veux me retrouver avec deux blocs identiques : bloc 1 menu, bloc 2 sous menu.

Si vous avez des exemples des conseils ou des remarques, tout cela est bienvenue.

Salut,

Et si toi tu as une page en ligne, ou au moins la totalité du code (html+css) même sila page en ligne est le mieux, peut être qu'il sera possible de t'aider plus rapidement

Voici ce que j'ai en ligne pour l'instant, ce n'est qu'un brouillon.
http://cbw.fr/v3/

À priori le plus intéressant sera d'utiliser le positionnement absolu. Au chargement de chaque page, tu génères un menu comme ceci :

<ul id="menu">
	<li>Rubrique 1</li>
	<li>Rubrique 2
		<ul id="sous-menu">
			<li>Lien 1</li>
			<li>Lien 2</li>
			<li>Lien 3</li>
		</ul>
	</li>
	<li>Rubrique 3</li>
	<li>Rubrique 4</li>
</ul>

Ensuite, tu pourras positionner ul#sous-menu en absolu, là où tu veux sur ta page. Un avertissement cependant : si tu as beaucoup de contenus pour le sous-menu, et si tu veux que ce contenu repousse les autres contenus de la page, le positionnement absolu ne sera pas adapté.

Sur le positionnement absolu :
http://openweb.eu.org/articles/initiation_absolue/
http://web.covertprestige.info/test/12-positionnement-absolu-selon-conteneur.html