# Show-Hide a div tag with onLoad or something similar

**URL:** <https://forum.kirupa.com/t/show-hide-a-div-tag-with-onload-or-something-similar/322078>\
**Category:** web dev\
**Created:** [May 10, 2011, 8:45am UTC](https://forum.kirupa.com/t/show-hide-a-div-tag-with-onload-or-something-similar/322078 "2011-05-10T08:45:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kipping](https://avatars.discourse-cdn.com/v4/letter/k/aeb1de/32.png) [@kipping](https://forum.kirupa.com/u/kipping)\
**Post date:** [May 10, 2011, 8:45am UTC](https://forum.kirupa.com/t/show-hide-a-div-tag-with-onload-or-something-similar/322078/1 "2011-05-10T08:45:59Z")

</div>

You can use the Show-Hide Elements Behaviour onLoad perfectly well on an image, but it doesn’t work on a div tag.

What I need is for the Div tag to be intially hidden when the page loads, but once it is rolled over (MouseOver) it appears again.

Stuff like \<noscript\>\</noscript\> around the div, or setting display to none etc doesn’t work because it then doesn’t register the other behaviours. Any suggestions?