 | | |
 | Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
| Autor | Správa |
|---|
Registrovaný: 17.03.13
Prihlásený: 09.04.18
Príspevky: 112
Témy: 39 |  Napísal 17mark: 31.10.2016 15:53 | |
|
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');
});
}
|
|
| Napísal Lessik: 31.10.2016 16:16 | |
|
property "display" nie je animovatelna, musis animovat napr. opacity alebo position. nezabudni pridat transition pridanej classe.
|
|
Registrovaný: 17.03.13
Prihlásený: 09.04.18
Príspevky: 112
Témy: 39 | Napísal autor témy 17mark: 31.10.2016 22:34 | |
|
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  . 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");
});
});
|
|
| Napísal Lessik: 31.10.2016 22:53 | |
|
po kliku na <a> tag, odstran classu open.
nav a. removeClass('open')
|
|
Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 |
preco vnaras druhy trigger ( $("#nav a").click... ) do prveho?
a inak bolo by lepsie pouzivat miesto $().click() -> $().on('click',function() {});
|
|
Registrovaný: 17.03.13
Prihlásený: 09.04.18
Príspevky: 112
Témy: 39 | Napísal autor témy 17mark: 01.11.2016 12:43 | |
|
Vdaka 
|
|
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Podobné témy | | Témy | Odpovede | Zobrazenia | Posledný príspevok |
|---|
 | jquery toggle viacerych divov v JavaScript, VBScript, Ajax | 2 | 654 | 20.12.2010 22:29 jablko05  | | navigacne menu - sek.menu v HTML, XHTML, XML, CSS | 2 | 495 | 15.10.2013 21:54 newbie99 |  | Menu v HTML, XHTML, XML, CSS | 21 | 1149 | 27.01.2011 8:58 Antuanet | | menu v HTML, XHTML, XML, CSS | 4 | 646 | 19.08.2008 13:53 stenley | | MEnu v HTML, XHTML, XML, CSS | 20 | 507 | 21.05.2014 22:42 lukyno010 | | menu v JavaScript, VBScript, Ajax | 3 | 882 | 11.12.2007 15:34 Tominator | | menu v HTML, XHTML, XML, CSS | 2 | 787 | 08.05.2009 12:33 shaggy | | Menu v Video programy | 2 | 771 | 20.04.2008 15:39 Dzin | | MENU v Video programy | 1 | 485 | 06.08.2010 12:14 SpaRcoOo | | menu v HTML, XHTML, XML, CSS | 2 | 765 | 04.04.2009 16:00 DeiDaro | | menu v HTML, XHTML, XML, CSS | 8 | 919 | 22.08.2008 10:00 Maron | | menu v HTML, XHTML, XML, CSS | 2 | 776 | 05.12.2007 15:51 Ezekiell | | CSS: menu v HTML, XHTML, XML, CSS | 3 | 933 | 08.10.2007 6:21 HAE07 | | Rozklikávacie menu v JavaScript, VBScript, Ajax | 2 | 753 | 15.08.2009 19:23 ovi | | wordpress menu v Redakčné systémy | 5 | 890 | 16.06.2011 22:04 don jebot | | Boot menu v Operačné systémy Microsoft | 2 | 752 | 01.03.2007 12:46 Punker661 |
| Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre
|
|
