[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 (IMG:style_emoticons/default/smile.gif)

[mati251195]

Ale wiesz, że kompletnie mi nie pomogłeś? Liczyłem ja jakieś kontruktywne porady, a nie napisanie tego, co jest oczywistą oczywistością.

Poradziłem sobie już sam, usunąłem efekty dla pseudoklasy :hover i zamiast tego, np. efekt rozwijania dodałem dla li.hover > ul (tylko dla urządzeń mobilnych) i dodałem taki kod JS:

[PHP] pobierz, plaintext 
$(document).ready(function() {
	$('#nawigacja .menu > li').click(function () {
		$(this).siblings().removeClass('hover');
		$(this).toggleClass('hover');
	});
});
[PHP] pobierz, plaintext 

Wszystko teraz działa pięknie (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował mati251195 22.09.2013, 18:06:27