Bonjour à tous.

Voilà je fais mes permiers pas avec jQuery. Non pas que je n'ai j'amais utilisé la librairie ou un module mais pour écrire moi même quelques lignes de code

En fait je souhaite faire quelques chose de simple et j'ai un doute sur l'approche à suivre.

1) j'ai un menu test horizontal sous forme d'une liste nom orderée. Les liens sont affichés sous forme de block via CSS.

Au survol de chacun des liens je souhaite afficher sous le menu un div très large (950px) dans lequel sera présent un ensemble d'éléments.

Il faut donc que ce bloc reste à l'écran après le survol du lien dans le menu pour pouvoir s'y rendre. Une fois que nous en dortons par contre il faut qu'il disparaisse. et bien évidement si je survol un autre lien je souhaite afficher un autre bloc.

En fait un par lien.

je me suis dis qu'il faudrait commencer par quelques chose comme ça.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery('a.ray').mouseover(function() {
			jQuery('#demo').fadeIn('slow');
		});
	});
</script>
Pour sélectionner les liens qui auraient une classe "ray" et j'imaginais ensuite une boucle à l'intérieur de laquelle je ferais le fadeIn sur les bons éléments.

J'ai par contre pas d'idée concernant la façon de cacher si on sort de l'élément.

Merci d'avance de vos idées et explications.