Dynamiczna zmiana wielkości diva po wczytaniu danych AJAX

Question

Witajcie.

Jak w temacie. Da się zrobić płynną animacje zmiany rozmiaru kontenera/diva w którym AJAX dane wyświetla pobrane dane?

ZOBACZCIE MOJĄ STRONĘ

Na chwilę obecną wygląda to strasznie...

1. Sekcja z kafelkami po kliknięciu "Load More" zmienia się to strasznie gwałtownie, wszystko na siebie nachodzi, skacze.

2. Po kliknięciu zdjęcia portretowego (w dziale DIRECTORS), który odpala AJAX, kontener na początku jest pusty i wysokość jest niska, a póżniej nagle się pojawia treść - też gwałtownie.

Pomożecie?

Answer 1

Jak dobrze pamiętam miałeś AJAX-a z jQuery. To robisz tak.

Pierw dokładasz węzły do rodzica. (Tworzysz)

Nadajesz im animacje powiększenie, po przez addClass albo toogleClass lub animateFrameRequest (UWAGA w jquery znajduje się w wersji beta!).

Dokładasz treść, najwyżej dajesz opacity i voila.

Jak masz dobrze napisaną architekturę 'flexową'. To rodzic dostuje wielkość do swoich dzieci.