I have a menu in frames. The top holding the menu. What I want is to make it a little dynamic. What I want is to be able to hide multiple items.

Say I have this stucture:
<ul id="menu">
<li>
<img src='images/pear.png' height='20'>
<ul>
<li><a href='index.php?logout=1'>About This Pear</a></li>
<li><a href='index.php?logout=1'>System Preferences</a></li>
<li>
Dock
<ul>
<li>Position Left</li>
<li>Position Bottom</li>
<li>Position Right</li>
<li></li>
<li>Dock Preferences...</li>
</ul>
</li>
<li></li>
<li><a href='index.php?logout=1'>Log Out</a></li>
</ul>
</li>
<li>File</li>
<li>Help</li>
</ul>

And I want to be able to call some JS function to hide <li>File</li>... how do I do this?