Dropdown Menu

[musclebreast]

Hallo,

ich versuche ein einfaches dropdown Menü zu bauen mit Listen Elementen:

<div class="menu">
        <ul class="sf-menu clearfix">
            <li><a href="#" >Menu Item</a></<span class="hiddenGrammarError" pre="li ">li>
            <li</span>>
                <a href="#" >Menu Item</a>
                <ul class="sub-menu">
                    <li><a href="#" >Menu Item</a></<span class="hiddenGrammarError" pre="li ">li>
                    <li</span>>
                        <a href="#" >Menu Item</a>
                        <ul class="sub-menu">
                            <li><a href="#" >Menu Item</a></<span class="hiddenGrammarError" pre="li ">li>
                            <li</span>>
                                <a href="#" >Menu Item</a>
                                <ul class="sub-menu">
                                    <li><a href="#" >Menu Item</a></<span class="hiddenGrammarError" pre="li ">li>
                                    <li</span>><a href="#" >Menu Item</a></li ">li>
                                    <li</span></span></span></span></span></span></span></span></span></span>><a href="#" >Menu Item</a></li>
                                </ul>
                            </li>
                            <li><a href="#" >Menu Item</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" >Menu Item</a>
                        <ul class="sub-menu">
                            <li><a href="#" >Menu Item</a></li>
                            <li><a href="#" >Menu Item</a></li>
                            <li><a href="#" >Menu Item</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#" >Menu Item</a></li>
            <li><a href="#" >Menu Item</a></li>
        </ul>
    </div>

Soweit so gut. Wie kann man generell erreichen, dass wenn ich die Liste eines Menüs ausklappe der Hovereffekt des Hauptmenüs (1. <li> Element) bestehen bleibt?

VG,

Lara

 

[Elroy]

Hallo.

Mit hover geht das nicht.
Hier ein Codebeispiel das allerdings nicht von mit stammt.

http://codepen.io/pedronauck/pen/jaluz

Hier wird mit SCSS gearbeitet ob das so ohne weiteres überall funktioniert weiss ich nicht.

Gruss
Elroy

 

[djheke]

JS ist doch nicht nötig
li:hover > a
Beispiel: http://www.gipspferd.de/css/anleitung/a20/a20.php

 

[Elroy]

@djheke

Ich habe das so verstanden das der Menüpunkt aufgeklappt bleiben soll auch wenn sie mit der Maus den Menüpunkt verlässt.

Gruss
Elroy

 

[djheke]

Ich will mal hoffen, dass ich es richtig verstanden habe

 

[musclebreast]

Hallo,

Danke für euere schnellen Antworten.

Dieses Beispiel beschreibt es:

http://www.gipspferd.de/css/anleitung/horizontale navigation/bsp.htm

Wenn ich hier auf eine Kategorie gehe und dann runterscrolle auf ein Thema, dann bleibt der Hovereffekt auch auf der Kategorie. Ich finde nicht ganz die entsprechende Einstellunge bzw. welcher Code lässt den Hovereffekt auf der Kategorie?:)

VG,

Lara

 

[djheke]

Klappe die Zweite!

li:hover > a

 

[musclebreast]

vielen lieben Dank,

das wars.:)

VG,

Lara