Possible to .slideToggle() a specific <li>?
<p>Have an <code>&lt;ul&gt;</code> of nav links.  One particular <code>&lt;li&gt;</code> is actually turned into 3 links.  Would like that particular <code>&lt;li&gt;</code> to slide open and closed to reveal the other three links.</p>

<p>Hosted <a href="http://students.thenet.ca/dcameron/" rel="nofollow">here.</a></p>

<pre><code>&lt;ul id="courseLinks"&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 1&lt;/strong&gt; introduction&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="./homework/week2/week2homework.htm"&gt;&lt;strong&gt;Week 2&lt;/strong&gt; dev tools + standards&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="./homework/week3/week3homework.htm"&gt;&lt;strong&gt;Week 3&lt;/strong&gt; HTML 5 &amp;amp; SEO&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" id="homeworkSlide"&gt;&lt;strong&gt;Week 4&lt;/strong&gt; css concepts&lt;/a&gt;&lt;/li&gt;
    &lt;li id="slider"&gt;&lt;a href="homework/week4/exercise1.htm"&gt;Exercise 1&lt;/a&gt;
            &lt;a href="homework/week4/exercise2.htm"&gt;Exercise 2&lt;/a&gt;
            &lt;a href="homework/week4/week4homework.htm"&gt;Homework&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 5&lt;/strong&gt; advanced css&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 6&lt;/strong&gt; server side includes&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 7&lt;/strong&gt; site construction&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 8&lt;/strong&gt; development methodology 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 9&lt;/strong&gt; user experience&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 10&lt;/strong&gt; social software&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 11&lt;/strong&gt; project work&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Week 12&lt;/strong&gt; final examination&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;!--nav--&gt;
</code></pre>

<p>Jquery:</p>

<pre><code>$('#homeworkSlide').click(function() {
  $('#slider').slideToggle('slow', function() {
    // Animation complete.
  });
});
</code></pre>

<p>Refuses to work.  Self teaching javascript at this point, is it not possible to modify <code>&lt;ul&gt;</code> in this fashion?  Or am I doing something wrong?</p>
