[Java][HTML][CSS]hover smartfony Opcje

[Wampirek12]

Witam.
Mam problem tworzę stronę www , ktora jest responsywna i mam problem z hover w css. Chce aby po najechaniu na element wysuwało się podmenu i tu mam problem bo czym zastąpić hover na urządzeniach dotykowych? Czytałem cos o javascript, ale nie wiem jak

[koodo218]

czym zastąpić hover na urządzeniach dotykowych

:active

[Wampirek12]

Chodzi mi o cos takiego

[HTML] pobierz, plaintext 
 
$('a.tap').on("touchstart", function (e) {
'use strict'; //satisfy code inspectors
var link = $(this); //preselect the link
if (link.hasClass('hover')) {
    return true;
 } 
else {
   link.addClass('hover');
   $('a.tap').not(this).removeClass('hover');
   e.preventDefault();
   return false; //extra, and to make sure the function has consistent return points
  }
});
[HTML] pobierz, plaintext 

ale nie umiem tego przerobić pod swoje menu

[mariolita]

touchstart? to jakiś zewnętrzny plugin do jquery

jakbyś pokazał design albo coś wiecej to ci powiem jak to zrobić.

[Wampirek12]

https://katalogryki.pl/katalog strona jest responsywna więc jak zmniejszysz okienko przeglądarki to kliknij na kategorie i potem właśnie każda kategoria ma podkategorie, które na komputerze wysuwają się po najechaniu kursorem jak potrzebny kod to powiedz, ale przez firebuga wszystko widac


//Poprawione


Ten post edytował Wampirek12 26.03.2016, 19:08:07

[casperii]

Pod wskazanym adresem:

Witamy w katalogryki.pl
Jeżeli chcesz zmienić tę stronę, wgraj własny plik index.html do katalogu private_html

[Wampirek12]

czy ktos jest w stanie mi pomoc?

Ten post edytował Wampirek12 29.03.2016, 10:31:39

[Star]

Dobrze zrozumiałem że chcesz po naciśnięciu w coś na smartphonie rozwinąć menu?
Jeśli tak to możesz użyć jquery - > slideToggle();

[Wampirek12]

[HTML] pobierz, plaintext 
<script>
            $(document).ready(function(){
                $("dd:not(:first)").hide();
                $("dt a").click(function(){
                    $("dd:visible").slideUp("slow");
                    $(this).parent().next().slideDown("slow");
                    return false;
                });
            });
[HTML] pobierz, plaintext 

</script> znalazłem taki kod w internecie i fakt po przystosowaniu do mojego menu działa, ale jest jeden problem mianowicie w wersji na stronie autora kodu jedna podkategoria jest zawsze wysunięta i nie mozna jej zamknąc a ja chciałbym aby moznabyło zamknąc wszystko tutaj demo http://webprojektant.pl/examples/jquery-menu/