JQuery - Toggling divs with only selectors
<p>If I have html such as:</p>

<pre><code>&lt;ul id="tags"&gt;
    &lt;li&gt;
        &lt;a href="#"&gt;Toggle&lt;/a&gt;
        &lt;div&gt;Content1&lt;/div&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;a href="#"&gt;Toggle&lt;/a&gt;
        &lt;div&gt;Content2&lt;/div&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>How can I write a JQuery select/click event such that each link toggles the div below it?</p>

<pre><code>$('#tags li a').click(function(){
    $('#tags '+this.parent()+' div').slideToggle();
});
</code></pre>

<p>Tried something like that but its not giving me the results. Any help?</p>
