[Staggering Elements under a div]

Thank you so much

[Staggering Elements under a div]

Hey I have a website which generates posts and I was wondering if I could use the stagger animation to Tween them from opacity 0 to opacity 1 on page load. The amount of elements differs since the website is dynamic. It is structured as follows.

<div id="message-container">

<div class="message1">

<div class="message2">

<div class="message3">

etc...

</div>
I want to animate the divs with class .message<insert number>. Is there a way to do this by targeting the child elements of the message container and then doing the stagger effect on that?