Her et prof of conept på at det kan laves fint uden brug af Javascript.. (Dog kun eksempel kode) - Virker fint på I OS devices.. Nogle der eb/afkræfte om det virker på Android?
http://codepen.io/RasmusKnabe/pen/Hgbza
Mange tak, Rasmus! Jeg har fået det implementeret, og det ser ud til at virke rigtig godt.
Har du et bud på, hvordan jeg får pilene, der peger nedad tilbage ude i højre siden?
Pilen er et lille billede der bliver indsat to forskellige steder i dit CSS.. Sørg for at det pågældende billede er uploadet til den sti der angives i CSS'et.
Søg i dit CSS på: background-image: url("images/downArrow.png");
- Selv er jeg efterhånden begyndt at lade være med at bruge billeder, og i stedet bruge ikoner via @font-face og CSS pseudo slectors, ":before" og ":after". Det er lettere og hurtigere at arbejde med, og så er det vector grafik så ikonerne kan hurtigt ændres i størrelse og farve, eller vises i høj opløsning på retina skærme :)
icomoon.io har nogle fede ikon sæt men let kan costumizere og downloade :)
Når det kommer til I OS devices er det dog nok i større grad et spørgsmål om hvilke version af operativ systemet man benytter end hvilken model. - Det er muligt den ikke vil virke i ældre versioner af I OS, men tror man skal et par stykker tilbage, og Apple er rigtig gode til at pushe deres brugere til at køre med den nyeste software :)