# Hide UL elements until page loads

**URL:** <https://forum.kirupa.com/t/hide-ul-elements-until-page-loads/282319>\
**Category:** web dev\
**Created:** [February 20, 2009, 8:11am UTC](https://forum.kirupa.com/t/hide-ul-elements-until-page-loads/282319 "2009-02-20T08:11:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![euanc](https://avatars.discourse-cdn.com/v4/letter/e/7ab992/32.png) [@euanc](https://forum.kirupa.com/u/euanc)\
**Post date:** [February 20, 2009, 8:11am UTC](https://forum.kirupa.com/t/hide-ul-elements-until-page-loads/282319/1 "2009-02-20T08:11:56Z")

</div>

hi there i assume this is fairly simple to do! however i cant seem to find a solution that works.

i have links which use shadowbox to load content as an iframe, but in ie if the page is not loaded it takes you direct to the html page instead.

i thought if i could hide the ul elements which contain the links until the page loads this would work.

does any body know how i can do this with unobtrusive javascript (ideally)?

```auto
<ul>
     <li>
     <a rel="shadowbox;width=800;height=510" class="option" title="Location" href="fla/map.swf">Location</a>
    </li>
</ul>

```

Thanks,

Euan