Jquery-animate funktionen behandlar inte min div rätt

http://codepen.io/anon/pen/oqnuF

Imo this is the way to go. Ju färre script som behöver köras destå snabbare laddar sidan. Plus att det är mycket enklare att lösa det med bara CSS

Nu går det ju att ladda skript efter att sidan laddats.
Sedan vill han att föräldern ska animeras när man hovrar ett barn, och mig veterligen är javascript det enda vettiga sättet att lösa det på.

Ja det är sant, men kommer ändå ta någon sekund extra för skriptet att köras. Som bara märks om man är supersnabb med att klicka osv men ändå

Men lösningen behöver inte vara att parent ska animeras. Bara att animera innehållet (child) vid hover eller klick på valfritt objekt och låta parent vara relativ till sitt innehåll.

http://codepen.io/anon/pen/jEhgf

Om man tycker att det är hållbart att absolute positionera och sätta fast bredd och höjd så visst.
Själv skulle jag föredra ett par rader javascript istället för att göra hela layouten på sidan 100ggr jobbigare att jobba med.
Dessutom gör er lösning att sidan blir mycket svårare att göra responsiv. Men eftersom att ni båda animerar direkt på height eller max-height utan att trigga GPU rendering så tror jag inte att ni har haft andra enheter än dator i åtanke.