If a <li> is clicked, hide the inner div
<p>My DOM looks like this:</p>

<pre><code>&lt;li id="li1"&gt;
         &lt;div class="c1"&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li id="li2"&gt;
         &lt;div class="c1"&gt;&lt;/div&gt;
&lt;/li&gt;
</code></pre>

<p>Using jQuery, if the first <li> is clicked, I want the inner  to be hidden.</p>
