[JavaScript][CSS]Hover na ekranie dotykowym Opcje

[mati251195]

Witam,

Robię stronę internetową i chciałbym dostosować ją także pod urządzenia mobilne. Mam problem z pseudoklasą :hover. Po nadjechaniu na kategorię w menu rozwija się podmenu tejżę kategorii. Na komputerze i telefonie nie ma problemu z wysuwaniem się ukrytych opcji nawigacji, ale na komputerze, gdy zjadę myszą z danego elementu to :hover przestaje działać. Na telefonie muszę kliknąć gdzieś poza. Można to przeżyć, ale chciałbym to ulepszyć. Mianowicie, użytkowni klika na kategorię menu, zyskuje ona pseudoklasę :hover i pojawia się podmenu. Użytkownik klika drugi raz na tą kategorię i wtedy :hover znika, czyli można zwinąć pod menu klikając na daną kategorię, a nie tylko gdzieś poza. Tylko jak to zrobić?

Z góry dziękuję za pomoc