CSS accordion menu

4 naročniki

Zdravo,

Delam na enem accordion menuju, pure css, imam pa dve težavi in sicer:

1. Rad bi naredil tako da je prvi link (in njegov sub menu) avtomatsko odprt, ko prideš na stran
2. Kako izklopim "focus" na li element? Namreč, na live strani, kjer teče ta menu, je stvar malo moteča, recimo klikneš na Mačke in ti avtomatsko prestavi stran tako,da je ta link potem na vrhu strani...

Še link do menjuja

Hvala!

Prvo točko lahko po moje rešiš s first-child. Nisem pa poskusil, če dela.

.ac-menu li:first-child .sub-menu {
   height: auto;
}

1. točka, kolikor jaz vem, boš težko rešil s css. Lahko poskusiš spremeniti id-je li-jom. Ker sedaj a kaže na li,

<a href=#psi>

<li id="psi">

in zato bo vedno skočilo na li s tem id-jem.
Načeloma bi lahko dal a brez href, samo potem to ni več link in verjetno to nočeš.

Jaz navadno to rešim s JS, kar pa spet ni opcija tukaj.

Hvala za odgovor, lahko tudi z js, če imaš kako dobro idejo kar povej!

edit: first-child deluje, mislim, je odprt, samo ga ne skrije, ko kliknem kak drug link...

lp

Take menije se dela z javascriptom. Saj načeloma bi verjetno šlo tudi z css3, vendar javascript je nabolj optimalen. Sploh pa če vključiš kakšen jquery, potem narediš mimogrede.

....seveda jquery ni smiselno uporabit če rabiš samo za ta menu.

Ker boš itak imel jquery vsaj še za slike...
https://jqueryui.com/accordion/

Hvala vsem...sem na koncu dejansko rešij kar z css+jquerry...

lp