Våre regler
Hvis du leser innlegg på VGD du mener er i strid med våre regler (les reglene her) kan du trykke på dette symbolet over det aktuelle innlegget. VG Nett vil vurdere om innlegget skal fjernes.

CSS Accordion - fungerer ikke på telefoner

NYTT TEMA
Romlingane
RomlinganeInnlegg: 16160
25.03.20 11:53

Øhhh...

Jeg er temmelig grønn når det gjelder css og helt blank når det gjelder js. Og jeg har bare en tekstbasert editor.

Siden jeg holder på å lage skal være for en lærebok, så jeg trenger en innholdsfortegnelse med kapitler som kan åpnes og lukkes. Utgangspunktet er dette:

https://themes.coffeecup.com/coast-theme.html

På en PC er det ikke noe stort problem at restaurantmenyen (som skal være innholdsfortegnelsen) ikke fungerer optimalt, men på telefoner er det et problem. Det som skjer når skjermstørrelsen minsker og restaurantmenyen blir klikkbare overskrifter, er at nummer 1 og nummer 4 ikke lar seg åpne før en av de andre er åpnet først og det er umulig å lukke alle sammen.

Jeg er som sagt ingen racer på css og js, men jeg fant denne:

https://get.foundation/sites/docs-v5/components/accordion.html

og Distributed accordion groups er slik jeg trenger at det fungerer. Er det en vennlig sjel som klarer å forklare meg hvordan jeg kan klare å bygge den biten inn i index.html og main.css?

Romlingane
RomlinganeInnlegg: 16160
26.03.20 08:16

Ok, jeg skjønner at det var litt vanskelig. :)


Et litt enklere spørsmål. Jeg fant en jeg likte enda bedre.
Hva kaller jeg jeg .css-fila og .js-fila?
Og hvordan får jeg kjørt dem fra .html-fila?


https://codepen.io/shehab-eltawel/pen/dYwOgX

Romlingane
RomlinganeInnlegg: 16160
27.03.20 12:43

Løsningen var ganske enkelt å sette: data-allow-all-closed="true"

(Innlegget ble redigert 27.03.20 12:47)

Klikk for å gå tilbake til toppen

Siste innlegg