jQuery function to find class and fadeToggle another div with same class
<p>I'm working on e-commerce site where I'm trying to make it so that when a list item displaying a category name is clicked, the relevant product category (in the 'product-display' div) will fadeToggle.
Both the list item and div I wish to fadeToggle have the same class name assigned.</p>

<p>How could I make this happen through jQuery?</p>

<pre><code>&lt;ul id="product-filter"&gt;
 &lt;li class="cat_1"&gt;category 1&lt;/li&gt;  // Clicking on this li item...
 &lt;li class="cat_2"&gt;category 2&lt;/li&gt;
&lt;/ul&gt;

&lt;div id="product-display"&gt;
  &lt;div class="cat_1"&gt;  // fadeToggles this div
    &lt;img src="image1.gif"&gt;
&lt;/div&gt;

  &lt;div class="cat_2"&gt;
    &lt;img src="image2.gif"&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>
