Targeting elements to show/hide based on matching ids and classes
<p>Very new to Jquery and wondering if anyone can help me with the following problem:</p>

<p>Using Textpattern I have a list generated as so;</p>

<pre><code>&lt;li class="archive-month"&gt;&lt;a href="#" id="May2011"&gt;May&lt;/a&gt;&lt;/li&gt;
&lt;li class="May2011"&gt;&lt;a rel="bookmark" href="http://***"&gt;Post Number One&lt;/a&gt;&lt;/li&gt;
&lt;li class="May2011"&gt;&lt;a rel="bookmark" href="http://***"&gt;Post Number Two&lt;/a&gt;&lt;/li&gt;
&lt;li class="May2011"&gt;&lt;a rel="bookmark" href="http://***"&gt;Post Number One&lt;/a&gt;&lt;/li&gt;    
&lt;li class="archive-month"&gt;&lt;a href="#" id="April2011"&gt;April&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>ad infinitum.</p>

<p>My question is, how can I use the <code>&lt;a&gt;</code> tags to show and hide the list items with classes that match the id of the tag? For example, click on the <code>a</code> with an id of "May2011" to toggle hiding and showing of all <code>li</code> with a matching class of "May2011" and so on for the various months.</p>

<p>Thanks in advance for any help.</p>
