@hakeryk2: jak masz animację w css to nie możesz nasłuchiwać jej zakończenia. Musiałbym animować za pomocą jquery .animate() i na callback'u odpalić akcję.

Jak chcesz animację która się sama zakończy, to zrób lepiej coś na keyframes w css, a nie jakieś takie dziwne kombinacje

@johny-kalesonny: vanilla.js

I czemu nie w czystym css hover?

@Kain_to_Charlie_a_Delta_to_Kain: bo pewnie kolor po wyjechaniu kursorem ma pozostac

@Zdalny: moze jakis ekspert powiedziec czy takie widełki są fair?

@Kain_to_Charlie_a_Delta_to_Kain: poczytaj o zmiennych lokalnych i globalnych

@Kain_to_Charlie_a_Delta_to_Kain: i polecam odrazu zacząć od nauki z ES6 :)

@humpf: Tak. W konsoli w narzędziach dla developerów znajdziesz dlaczego :) Czym szybciej się z nią zaprzyjaźnisz, tym lepiej dla ciebie.

@Kain_to_Charlie_a_Delta_to_Kain: W js powinno używać się ' ', a w html " ".
Z obu naraz korzysta się własnie przy sklejaniu różnych zmiennych i stringów.

@Kain_to_Charlie_a_Delta_to_Kain: Logiczne jest, że jak dasz min-height to to jest minimalna wysokość jaką element ma mieć a może być ona wyższa. Jak chcesz, aby miał stałą wysokość to daj height.

@Kain_to_Charlie_a_Delta_to_Kain: Jeżeli potrafisz przewidzieć pewne widełki wysokości treści widocznej w zwiniętej formie to możesz zastosować jednocześnie min-height i max-height.

@ennovum: live wypadła od którejś tam wersji
@zukuS: .on('click', function(){})

@zukuS: dodaj callback do funkcji która Ci coś tam ładuje

@Name_in_progress: na przyszłość polecam:
https://www.jsfiddle.net

W lewej kolumnie w External Resources wrzucasz link do cdn jquery i masz sandboxa

@simivv: Nie widać, żebyś stosował jakieś konkretne, stałe konwencje przy pisaniu. Przykłady:
- czasem używasz ', a czasem " dla stringów;
- czasem używasz camelCase, a czasem tworzysz potworki typu 'countchecked';
- czasem wrzucasz { w tej samej linii co jakieś wyrażenie, a czasem w następnej;
- whitespace: czasem 'function(value)', a czasem 'function (options)';

@simivv fajnie, że robisz coś sam i publikujesz, ale kilka rad:

- ES6 to powoli standard, podziel Twój projekt na src i dist i pisz z użyciem Babela
- Twój kod jest niespójny jak już powiedzieli koledzy, zainstaluj eslint i zainstaluj sobie configa z Airbnb, jeśli Ci się nie podoba to go zmień, natomiast wtedy zaczniesz przynajmniej pisać w jednym standardzie
- nawiasy klamrowe w nowej linijce, nie wiem co by powiedział na toPokaż całość

@Krzy___ek: wybierz sobie coś: https://www.google.pl/search?q=zoom+image+banner+jquery

@Krzy___ek: Efekt nazywa się ken burns i jak poszukasz jakiegoś pluginu js to na pewno coś wybierzesz

zadaj pytanie jeszcze raz, bo ciężko wywnioskować o co Ci chodziło :)

@Kain_to_Charlie_a_Delta_to_Kain: ja używałem D3.js i Highcharts całkiem przyjemne

@Bialy_Kanarek: A nie lepiej zamiast jakiś kursów wziąć jakiś projekt strony i zacząć po prostu kodować ? :)

@Bialy_Kanarek: Dobrze jest też poznać API jakie daje HTML5, do tego jest też książka
http://helion.pl/ksiazki/html5-nieoficjalny-podrecznik-matthew-macdonald,htm5np.htm
serio, często używam niektórych z tych API w projektach

@Kain_to_Charlie_a_Delta_to_Kain: Przeliczać godziny na minuty. A jak są zbyt duże różnice między poszczególnymi divami, to zastosować skalę logarytmiczną (log liczba_minut).

@Kain_to_Charlie_a_Delta_to_Kain: ja bym przeliczył na sekundy czyli totalTime = h*3600+m*60+s a potem obliczył proporcją:

nowaDługośćDiva = maxDlugoscDiva * ( totalTime / 86400 )

@D3xxT3r:
Don't ask to ask. Just ask.
#cytatywielkichludzi

@gadatos: $("input.form-control[name=size]")

@gadatos: $('input.form-control[name="size"]')…

@lubiesernik: spróbuj na tych eventach wytriggerować event keyup albo change - możliwe że dopiero takie coś wyzwala odświeżenie walidacji. Albo może focus/blur