Skocz do zawartości

[jQuerry] responsywne menu


dav234

Rekomendowane odpowiedzi

Witam

Tworzac responsywne menu korzystam z takiego kodu html

<nav>
        <div class="przycisk">Menu</div>
         <ul class="pokaz">
             <li><a href="index.html">Strona Główna</a></li>
             <li><a href="kursy.html">Kursy</a></li>
             <li><a href="cennik.html">Cennik</a></li>
             <li><a href="kontakt.html">Kontakt</a></li>
             <li><a href="mapa.html">Mapa</a></li>
         </ul>
         
     </nav> 

oraz takiego skryptu jquerry

  $(document).ready(function(){
  $('.przycisk').click(function(){
    $('nav ul').toggleClass('pokaz');
      
  });
});

i teraz mam prosbe, jak zmodyfikowac ten skrypt by menu sie rozsuwalo w takiej szybkosci w jakiej ja bede chcial,

uzywajace tego kodu

   $(document).ready(function(){
    $(".przycisk").click(function(){
        $("nav ul").slideToggle('fast');
    });
});

wszystko jest ok ale jak juz wspomnialem to menu jest responsywne i kiedy zmniejsze rodzielczosc do 580 px to wszystko jest ok ale kiedy jest wieksza to wtedy cale menu znika

bede wdzieczny za kazda pomoc :)

Odnośnik do komentarza
Udostępnij na innych stronach

kurde przepraszam za wczesniej ale nie napisalem jednej rzeczy, dzieje sie tak, ze jak zjade ponizej 580px i otworze menu a pozniej pojade powyzej 580px to menu jest a jesli zjade ponizej 580px i zamkne menu i pozniej pojade powyzej 580px to menu nie ma, czyli jak zamkne to zamyka sie wsyzstko, otworze to wszystko widac

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności