CSS Menü aufgeklappt lassen

  • Habe mir die Tuts mal durchgelesen und bin soweit gekommen, alerdings sollen die Obermenüpunkte nach dem anklicke solange offen bleiben, bis der nächste Obermenüpunkt angeklickt wurde.

    HTML
    <html><head>    <link rel="stylesheet" type="text/css" href="styless.css"></head><body>    <menu>        <ul id="mainmenu">            <li><a href="#">MenuPunkt1</a>                <ul>                    <li><a href="#">UnterMenuPunkt1</a></li>                    <li><a href="#">UnterMenuPunkt2</a></li>                    <li><a href="#">UnterMenuPunkt3</a></li>                    <li><a href="#">UnterMenuPunkt4</a></li>                    <li><a href="#">UnterMenuPunkt5</a></li>                    <li><a href="#">UnterMenuPunkt6</a></li>                </ul>            </li>            <li><a href="#">MenuPunkt2</a></li>            <li><a href="#">MenuPunkt3</a></li>        </ul>    </menu></body></html>

    Lg

  • Das schaffst Du imho nicht per CSS sondern nur mit JavaScript. Setze bei Klick auf einen Menüpunkt eine passende Klasse - so ist das Ausklappen solange aktiv bis diese Klasse wieder entfernt wird.