[ Príspevkov: 6 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.03.13
Prihlásený: 09.04.18
Príspevky: 112
Témy: 39 | 39
NapísalOffline : 31.10.2016 15:53 | JS toggle menu

Zdravím, potrebujem spravit pre mobilne verzie menu ktore sa zobrazi po kliku na ikonku tak ako to funguje na vela weboch. Funguje mi to no potrebujem spravit pomalé prinulé zobrazenie menu + po kliku na niektory z odkazov menu aby sa zatvorilo tiez cez tu animaciu. Neviem sa teraz pohnut z miesta uz som vselico skusal tak by som rad ak mi by vedel niekto pomost. Tu je moj terasi kod:
Kód:
$('.menu-icon').click(function(){
      $(this).toggleClass('open');

      var nav = $("nav");

      function displayNav() {
         return nav.css("display") === 'none' ? 'block' : 'none';
      }

      nav.animate( 5000, nav.css("display", displayNav() ) );
      
   });

   if( screen.innerWidth() <= '600' ){
          $("#nav a").click(function() {
             nav.css("display", nav.css("display") === 'none' ? 'block' : 'none');        
          });
       }


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
NapísalOffline : 31.10.2016 16:16 | JS toggle menu

property "display" nie je animovatelna, musis animovat napr. opacity alebo position. nezabudni pridat transition pridanej classe.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.03.13
Prihlásený: 09.04.18
Príspevky: 112
Témy: 39 | 39
Napísal autor témyOffline : 31.10.2016 22:34 | JS toggle menu

Dakujem pekne velmi si mi pomohol, len mam problem s tym aby mi menu zmizlo po kliku na link, prvy krat zmizne potom uz nie,viem ze tam treba nejaky cyklus ale neeviem aky :D. Tu je kod:
Kód:
$('.menu-icon').click(function(){
      $(this).toggleClass('open');

      var nav = $("nav");
      nav.toggleClass("unactive");

         
         $("#nav a").click(function() {
            nav.toggleClass("unactive");
         
         });
   });


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
NapísalOffline : 31.10.2016 22:53 | JS toggle menu

po kliku na <a> tag, odstran classu open.
nav a. removeClass('open')


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9
NapísalOffline : 31.10.2016 22:54 | JS toggle menu

preco vnaras druhy trigger ( $("#nav a").click... ) do prveho?
a inak bolo by lepsie pouzivat miesto $().click() -> $().on('click',function() {});


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.03.13
Prihlásený: 09.04.18
Príspevky: 112
Témy: 39 | 39
Napísal autor témyOffline : 01.11.2016 12:43 | JS toggle menu

Vdaka ;)


 [ Príspevkov: 6 ] 


JS toggle menu



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

jquery toggle viacerych divov

v JavaScript, VBScript, Ajax

2

468

20.12.2010 22:29

jablko05

V tomto fóre nie sú ďalšie neprečítané témy.

navigacne menu - sek.menu

v HTML, XHTML, XML, CSS

2

246

15.10.2013 21:54

newbie99

V tomto fóre nie sú ďalšie neprečítané témy.

MENU

v Video programy

1

333

06.08.2010 12:14

SpaRcoOo

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

2

525

04.04.2009 16:00

DeiDaro

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

8

678

22.08.2008 10:00

Maron

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

2

566

05.12.2007 15:51

Ezekiell

V tomto fóre nie sú ďalšie neprečítané témy.

Menu

v HTML, XHTML, XML, CSS

21

909

27.01.2011 8:58

Antuanet

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

4

479

19.08.2008 13:53

stenley

V tomto fóre nie sú ďalšie neprečítané témy.

MEnu

v HTML, XHTML, XML, CSS

20

282

21.05.2014 22:42

lukyno010

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v JavaScript, VBScript, Ajax

3

672

11.12.2007 15:34

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

2

549

08.05.2009 12:33

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Menu

v Video programy

2

610

20.04.2008 15:39

Dzin

V tomto fóre nie sú ďalšie neprečítané témy.

vysúvacie menu

v JavaScript, VBScript, Ajax

8

2154

24.09.2008 18:50

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Menu, dakujem

v HTML, XHTML, XML, CSS

3

500

20.11.2009 13:51

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

nefunkcne menu

v Ostatné

1

727

26.09.2007 20:23

imcold

V tomto fóre nie sú ďalšie neprečítané témy.

Navigačné menu

v PHP, ASP

3

424

11.05.2008 0:52

stenley



© 2005 - 2019 PCforum, edited by JanoF