changing display properties of a child element

my page has a layer where the <ul>'s are hidden/unhidden by an onclick event. i'd like it to hide all <ul>'s onload. i can get an individual <ul> to do it based off of the id but can't do it for multiple id's....

any thoughts?

rkt

Simply wrap all content you wish to hide into a div.
This should solve your problem:

that'd work fine but i have multiple <ul>'s in different locations within one parent <div>. for example the basic html is like this:

<div id="layer1">
<dl>
<dt>test</dt>
<ul>
<li>test li</li>
</ul>
<dt> test</dt>
<ul>
<li>test li</li>
</ul>
</dl>

i'm looking for a way to execute a function while only calling one item rather than a whole bunch of div or ul id's -
rkt

If they are all within one parent div you can hide them all at once. If there is another content, which has to stay visible, you must hide them separately.