Diskuze: Animace funkce onclick

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Luke Trucino

Člen

Luke Trucino:14.10.2016 0:07

Ahoj všem, prosím o radu.

Dělám mobilní navigaci všechny funkce fungují, výňatek jsem použil zde na js fiddle.
https://jsfiddle.net/…/pzjou2hd/4/
Problém je, že bych chtěl udělat animaci vykreslení opacity u třídy **.mobilenavlist ** vlastně úplně nejlepší by bylo kdybych animačně rozpohyboval jakékoliv změny co se provedou v javascriptu on click.

Díky moc za pomoc. Věřím že to konečně někdo rozlouskne, proč to nejde.

Odpovědět

14.10.2016 0:07

gorri

Člen

gorri:14.10.2016 10:49

Zkus to tam nahrát znovu nebo to nějak upravit. Není vidět nic.

Nahoru Odpovědět

14.10.2016 10:49

Když vím, tak poradím. Nikdo neví všechno :-)

Vojtěch Mašek (Woyta)

Tvůrce

Vojtěch Mašek (Woyta):14.10.2016 11:49

Použij místo .css() metodu .animate(),
například takhle:

$(e).animate({opacity: 1}, 300);

Manuál k metodě: http://api.jquery.com/animate/

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

14.10.2016 11:49

Výraz "to nejde" není v mém slovníku

Ján Timoranský

Tvůrce

Ján Timoranský:14.10.2016 20:48

Pri tomto nechceš používať opacity a display ale skús radšej kombináciu opacity a visibility.

Keď chceš menu schovať:

opacity: 0;
visibility: hidden;

A keď ho chceš zobraziť použi:

visibility: visible;
opacity: 1;

Samozrejme, display: none je lepšie, čo sa behu webu týka. Preto najlepšie urobíš, aby si to zanimoval pomocou visibility a po skončení animácie použi ešte display.

Nahoru Odpovědět

14.10.2016 20:48

Find what you love and let it kill you.

Ján Timoranský

Tvůrce

Ján Timoranský:14.10.2016 21:00

Prikladám ešte JSFiddle

Nahoru Odpovědět

14.10.2016 21:00

Find what you love and let it kill you.

Luke Trucino

Člen

Luke Trucino:19.10.2016 7:45

Díkes, zvládl jsem to.

Nahoru Odpovědět

19.10.2016 7:45

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.

Nejčastěji vyhledáváné

Diskuze: Animace funkce onclick