onclick posun textu a fade out [vyriešené]

Snazim sa vytvorit script, ktory by fungoval nasledovne:

Po kliknuti na nejake miesto by sa na pozicii kliknutia objavil nejaky text a posuval by sa smerom hore a nasledne by postupne zmizol. Toto som nejak dal dokopy, aj to ako tak funguje, lenze neviem dosiahnut to, aby sa dalo klikat rychlo viackrat za sebou. kedze kazdy tento proces som nastavil na 1200ms, dalsi klik vykona spravne az ked ukonci ten proces...

Aby ste mali predstavu, dam sem link na jsfiddle, kde sa to da otestovat. Staci len kliknut do toho modreho obdlznika a pochopite o co sa snazim.

https://jsfiddle.net/zre07f58/

Tak? https://jsfiddle.net/zre07f58/4/

alebo takto - elegantnejsie riesenie cez css (ja osobne som proti upravovaniu stylu cez js ak to nie je nevyhnutne, js na to nesluzi)

https://jsfiddle.net/y21wkfdk/14/

1. Ten text sa ti nezobrazuje na mieste kde klikneš myšou ale na fixnej pozícii.
2. Nefunguje mi to v Opere (28). Nefunguje znamená, že to vôbec nejde. Iba sa zobrazí červený text a to je celé (ani sa nepohne a nezmení sa ani opacity).
3. Prečo si dal ten druhý DIV do toho prvého? Čo ak bude mať parent DIV nastavený overflow:hidden?
4. Na takéto kraviny netreba vôbec jQuery (nemám ho rád ale to stým teraz nemá nič spoločné) a tiež som mu to neprepísal do čistého JS. Pričom proti tvojmu riešeniu je použitie Javascriptu spätne viac kompatibilné ako tvoje CSSká.

1. to som si nevsimol v zadani, takze toto ano, treba cez js
2. nefunguje, lebo pre animation nie je -o- prefix, som to robil ako ukazku riesenia
3. nemusi to byt v tom, len ak som spravne pochopil, tak sprava sa vztahuje na kliknuty objekt, tak som sa mi to zdalo ako lepsie riesenie html kodu. ale vravim, nemusi to byt
4. takisto jednoducho sa to da v js, ked to mal zacate v jquery tak som v tom pokracoval

co som chcel mojim narychlo urobenym prikladom povedat je, ze tu animacnu cast by som robil v css (ako som uz vyssie pisal), js pre mna sluzi na funkcnu stranku

weroro: ano to je presne ono, dakujem za pomoc! Este to budem testovat potom ci to pojde aj crossbrowser, ale snad ano.

hatto13: to tvoje mi nejde ani vo FF v tom jsfiddle..klikam a nic sa nedeje vobec.

Kazdopadne vam dakujem, je to ok.