# Html to load hidden div with html 5 animation

**URL:** <https://forum.kirupa.com/t/html-to-load-hidden-div-with-html-5-animation/633763>\
**Category:** Uncategorized\
**Created:** [September 14, 2015, 3:46am UTC](https://forum.kirupa.com/t/html-to-load-hidden-div-with-html-5-animation/633763 "2015-09-14T03:46:30Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ruwan\_Perera](https://avatars.discourse-cdn.com/v4/letter/r/58f4c7/32.png) [@Ruwan\_Perera](https://forum.kirupa.com/u/Ruwan_Perera)\
**Post date:** [September 14, 2015, 3:46am UTC](https://forum.kirupa.com/t/html-to-load-hidden-div-with-html-5-animation/633763/1 "2015-09-14T03:46:31Z")

</div>

Hi, I have two Html 5 banners, one is just a bouncing ball second is a animated character. what i want is when someone click 1st animation (ball) to load the 2nd animation from the beginning. when i used “function on load” method the animation is already played in the second one. is there a way to tel that second animation to play it from beginning. im using below method.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [September 14, 2015, 10:21pm UTC](https://forum.kirupa.com/t/html-to-load-hidden-div-with-html-5-animation/633763/2 "2015-09-14T22:21:21Z")

</div>

Can you share the code you are using to play the second animation?