[asus1234]

Siema mircy, wytlumaczy mi ktos dlaczego po jednym wlaczeniu i wylaczeniu diva, za kazdym kolejnym razem div znika odrazu jak sie pojawil? Jak to naprawic? #css #frontend #webdev #programowanie #javascript #jquery
http://jsfiddle.net/3k9sx6tf/

[legolass]

@asus1234: Ma cały czas przypisaną animację w css, więc jak się pojawia to się od nowa animuje, a później wykonuje się zbindowany event

[michael94]

http://jsfiddle.net/3k9sx6tf/

@asus1234: Bo przypiąłeś do niego animację znikania, jest wrzucona jako inline więc ma pierwszeństwo nad stylami :)

[asus1234]

@legolass: @michael94: http://jsfiddle.net/pt3q295a/ ale tak tez sie wylacza? Klasa znika a animacja po pojawieniu sie diva, znika. Jak to zaimplementowac aby dzialalo? Poleci ktos jakis pomysl?

[michael94]

@asus1234: np tak: http://jsfiddle.net/pt3q295a/2/

[michael94]

@michael94: jeszcze usunięte animacje z CSS'ów http://jsfiddle.net/pt3q295a/3/

[asus1234]

@michael94 zależało by mi jednak na tym żeby było ta zrobione animacja z cssa, bo to będzie jeszcze później ta animacja robiona bardziej skomplikowana więc samo fade nie wystarczy

[michael94]

@asus1234: Więc zrób jak zrobiłeś, ale użyj animacji dwukrotnie, $('elem').css('animation','fadeIn') i analogicznie na fadeOut, bo raz używasz przez .removClass a raz przez .css :)

[michael94]

@asus1234: Albo zrób sobie klasę .active i rób .addClass('active') i .removeClass('active') taka byłaby najlepsza droga :)

[asus1234]

@michael94: W ostatnim przykladzie mam na dodawniu klas i nie dziala... moglbys zobaczyc?

[TrzyZnaki]

@asus1234: Bo animationend dotyczy też animacji fadeIn. http://jsfiddle.net/pt3q295a/4/