[ 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

455

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

222

15.10.2013 21:54

newbie99

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

MENU

v Video programy

1

330

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

521

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

669

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

555

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

869

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

476

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

274

21.05.2014 22:42

lukyno010

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

menu

v JavaScript, VBScript, Ajax

3

662

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

539

08.05.2009 12:33

shaggy

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

Menu

v Video programy

2

606

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

2144

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

491

20.11.2009 13:51

Ďuri

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

nefunkcne menu

v Ostatné

1

719

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

420

11.05.2008 0:52

stenley



© 2005 - 2018 PCforum, edited by JanoF