Bein "UNTERNEHEMEN" soll die Klasse "active" hin, wenn man auf der Seite vin Item1 ist(Unternehmen ist ein interner seitenlink zu Item1) Info1 dient nur zur Überschrift. Ziel ist, wenn ich auf "Entwicklung" mit der Maus gehen, dass die Menuitems bei "active" nicht mehr angezeigt werden sondern die items von "Entwicklung" beim :hover.
Code: Select all
<ul id="nav" class="dropdown dropdown-linear dropdown-columnar">
<li><a href="./">HOME</a></li>
<li class="dir">UNTERNEHMEN
<ul class="active"> ///hier soll die Klasse "active" hin
<li class="dir">Info1 /////Nur als Überschrift
<ul>
<li><a href="./">item1</a></li>
<li><a href="./">item2</a></li>
<li><a href="./">item3</a></li>
</ul>
</li>
<li class="dir">Info2 /////Nur als Überschrift
<ul>
<li><a href="./">item1</a></li>
<li><a href="./">item2</a></li>
</ul>
</li>
<li class="dir">Info3/////Nur als Überschrift
<ul>
<li><a href="./">item1</a></li>
<li><a href="./">item2</a></li>
</ul>
</li>
</ul>
</li>
<li class="dir">ENTWICKLUNG
<ul>
<li class="dir">Info1 /////Nur als Überschrift
<ul>
<li><a href="./">item1</a></li>
<li><a href="./">item2</a></li>
</ul>
</li>
<li class="dir">Info2 /////Nur als Überschrift
<ul>
<li><a href="./">item1</a></li>
<li><a href="./">item2</a></li>
<li><a href="./">item3</a></li>
<li><a href="./">item4</a></li>
</ul>
</li>
<li class="dir">Info3 /////Nur als Überschrift
<ul>
<li><a href="./">item1</a></li>
<li><a href="./">item2</a></li>
<li><a href="./">item3</a></li>
<li><a href="./">item4</a></li>
</li>
</ul>
</li>
</ul>
</li>
</ul>
Im Anhang auch ein Skizze, wie das ganze aussieht bzw. aussehen soll.