Need to toggle a div in a series of elements
<p>I have a series of DIVs on a page which each contain a nested DIV which I need to be able to toggle on and off when the user clicks on a link contained in a UL. Here's some sample code:</p>

<p>I need to be able to add an <code>&lt;li&gt; &lt;/li&gt;</code> to each UL within a certain div on my page. Here is the code I have:</p>

<pre><code>&lt;div class="gallery" style="width: 67px;"&gt;
    &lt;ul&gt;
        &lt;li class="info"&gt;&lt;a href="#"&gt;Get Info&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt;
    &lt;div class="infoPanel"&gt;  This is the panel that I need to toggle on and off&lt;/div&gt;
&lt;/div&gt;
&lt;div class="gallery" style="width: 67px;"&gt;
    &lt;ul&gt;
        &lt;li class="info"&gt;&lt;a href="#"&gt;Get Info&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt;
    &lt;div class="infoPanel"&gt;  This is the panel that I need to toggle on and off&lt;/div&gt;
&lt;/div&gt;
&lt;div class="gallery" style="width: 67px;"&gt;
    &lt;ul&gt;
        &lt;li class="info"&gt;&lt;a href="#"&gt;Get Info&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt;
    &lt;div class="infoPanel"&gt;  This is the panel that I need to toggle on and off&lt;/div&gt;
&lt;/div&gt;​
</code></pre>

<p>So, for each div.gallery I need the .infoPanel to open when the user clicks the link in li.info. I've been able to get one working, but can't figure out how to constrain the jquery to each instance of the div. Any help in getting this started would be great.</p>
