I have the following portion of code.

I'd like to hide `sub-menu` originally and display if the link `Type` is clicked.
How do I do this?

<http://jsfiddle.net/jk30af2a/>

```
<div class="thirdy">
    <ul class="sf-menu" style="list-style-type:none">
        <li class="main"><a href="#">Type</a>
          <ul class="sub-menu">
            <li><a href="/teams/" title="View all Teams" >Teams</a></li>
            <li><a href="/events/" title="View all Events" >Event</a></li>
           </ul>
        </li>
    </ul>
</div>

```