TOPIC: Animate a div

Hi,
Great extension! Can you tell me if it is possible to animate a div when the content changes size please? In the link below under the main menu at the top (desktop view) I have the roksprocket extension displaying reviews. When the content changes from 1 line to 2 lines the height jumps. When the height changes I would like it to be animated smoothly. Hope I'm making sense. I am using Gantry 5. I know there must be a way but a little braindead at the moment.

www.vineinnclent.com/upgrade/

Think it may be a transition I need to add to the container. Any ideas please?

Hi Martin,

We have checked your site however we do not see the reviews section ( roksprocket extension ).
Could you please check?

Hi,
Sorry, it was disabled. I have enabled it at the top now. It still jumps. If I can get the divs below to scroll smoothly instead of jumping I would like to replicate the effects throughout the website.
Regards, Mart

Dear Martin,

This issue is I am afraid, from the roksprocket's end. I don't think Animate It!, or any other similar plugin would be able to resolve the issue. We have tested some other CSS solutions as well (an example here for smooth height change: jsfiddle.net/MBD6z/), but it's not working.

A possible solution would be to add a minimum height to the DIV, try putting this code in your style.css:
This would set the height to 140px for all the DIVs, So the height would be fixed and no jump would occur.
Please let me know if I you have some other issue.