Das CSS und JS ist also gar nicht das Problem sondern das HTML des Menüs?
Das std. Navigationsmodul von Contao gibt dir ja schon die Struktur passend aus. Du musst nur noch die Klassen der li's anpassen. wenn mich nicht alles täuscht, kannst du der Seite eine CSS Klasse zuweisen, und diese erscheint dann auch im Navigationsmodul.
Das sit das Menü von der Contao Demo Seite.
Code:
<ul class="level_1">
<li class="active first"><span class="active first">Home</span></li>
<li class="submenu sibling"><a href="en/academy.html" title="About the academy" class="submenu sibling" accesskey="2">The academy</a>
<ul class="level_2">
<li class="first"><a href="en/news.html" title="News and updates" class="first">News</a></li>
<li><a href="en/calendar.html" title="Events and schedules">Calendar</a></li>
<li><a href="en/impressions.html" title="Campus impressions">Impressions</a></li>
<li class="last"><a href="en/teachers.html" title="Our teachers" class="last">Teachers</a></li>
</ul>
</li>
<li class="sibling"><a href="en/courses.html" title="Courses overview" class="sibling" accesskey="3">Courses</a></li>
<li class="submenu sibling last"><a href="en/services.html" title="Services and support" class="submenu sibling last" accesskey="4">Services</a>
<ul class="level_2">
<li class="first"><a href="en/search.html" title="Search this website" class="first" rel="nofollow">Search</a></li>
<li class="last"><a href="en/navigation.html" title="New navigation features" class="last">Navigation</a></li>
</ul>
</li>
</ul>
Lesezeichen