The best route to animate content within a responsive site when working with jQuery might actually seem a little perverse: don't use jQuery unless you absolutely have to! At this point, you may think I have completely lost the plot, but here are a few good reasons for this:
jQuery is not optimized for animation; the line of demarcation between styles in the style sheet, HTML, and JavaScript will start to blur, which means that we lose control over how our content is styled.
Animation doesn't work well on mobile devices when done with jQuery; to improve performance, additional CSS styling has to be used.
We lose control over which rules are applied to specific elements due to CSS specificity—keeping styles within the CSS style sheet means that we can retain control.
jQuery animations are resource-hungry by default. On a simple site, this will have a minimal impact, but on larger sites, the impact will be significantly higher.
A bonus of using a...