Toggle DropMenu
<p>I'm trying to create a menu with a droplist, using jQuery to the onclick toggle for changing the class from "hide" to "show". Although I cannot figure it out.</p>

<p>Here's what I have:</p>

<pre><code>&lt;style type="text/css"&gt;
    nav ul li.hide ul {
        display: none;
    }
    nav ul li.show ul {
        display: block;
    }
&lt;/style&gt;

&lt;nav&gt;
  &lt;ul&gt;
      &lt;li class="hide"&gt;Home
        &lt;ul&gt;
          &lt;li&gt;Dropdown Link&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
 &lt;/ul&gt;
&lt;/nav&gt;

&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $('li').toggleClass('hide', 'show');
  });
&lt;/script&gt;
</code></pre>
