also zunächst würde ich den Seiten eine eindeutige CSS-Klasse in der Seitenstruktur verpassen.
Die wird dann dem <li> automatisch hinzugefügt.
den <div> würde ich die jeweils gleiche Klasse wie dem zugehörigen <li> geben und eine allgemeine Klasse wie "navHover"
dann hättest du z.B.
HTML-Code:
<li class="home">...</li>
und
HTML-Code:
<div class="navHover home">Blubber</div>
dann kannst Du mit jQuery folgendes machen:
Code:
$('.mod_navigation li').mouseenter(function() {
$('.navHover.' + $(this).attr('class')).show();
});
edit:
wenn Du es wirklich so lassen willst, dass die Klasse des <div> mit dem Inhalt des <li> übereinstimmt, dann sähe das in jQuery so aus:
Code:
$('.mod_navigation li').mouseenter(function() {
$('div.' + $(this).html()).show();
});
Lesezeichen