Just add a "display:none" to the "ol". This will hide the sub item's until you click on "Menu Item 1", then they will slide down
<ul id="menu">
<li>Menu Item 1
<ol style="display:none">
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ol>
</li>
</ul>