JQuery Coding - Multiple Links slideToggle 1 div tag and different content
<p>I'm seeking help with a JQuery coding issue.</p>

<p>What it is:  I have 8 links in a <code>&lt;ul&gt;</code> horizontal row.  Below those links I have a <code>&lt;div&gt;</code> that will display the content of each link.  </p>

<p>Example:<br>
L = Link<br>
DDD...= Div</p>

<pre><code>                L     L     L     L
                L     L     L     L

                DDDDDDDDDDDDDDDDDDD
</code></pre>

<p>Coding Help:  I'm newer to JQuery and I don't know if I'm searching for the right coding...but what I want to do is have each link call upon the 1 div tag and display the different content for each link.  This DIV tag is also a slideToggle</p>

<p>Current JQuery:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){

        $("ul.columns li img").click(function(){
            $("#pressed").slideToggle("fast");
        });
        $('#pressed').hide();

    });
</code></pre>

<p>Here is my HTML code</p>

<pre><code>&lt;div class="container"&gt;
    &lt;div class="header"&gt;
        &lt;div class="headerimg"&gt;&lt;img src="#" /&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="middlecolumn"&gt;
        &lt;ul class="columns"&gt;
            &lt;li&gt;
                &lt;a href="#"&gt;&lt;img src="#" /&gt;&lt;/a&gt;
                &lt;div class="info"&gt;
                    &lt;h2&gt;News&lt;/h2&gt;
                    &lt;p&gt;What is going on in the World&lt;/p&gt;
                &lt;/div&gt;
            &lt;/li&gt;
            &lt;li&gt;
                &lt;a href="#"&gt;&lt;img src="#" /&gt;&lt;/a&gt;
                &lt;div class="info"&gt;
                    &lt;h2&gt;News&lt;/h2&gt;
                    &lt;p&gt;What is going on in the World&lt;/p&gt;
                &lt;/div&gt;
            &lt;/li&gt;
                    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="panel"&gt;
        &lt;div id="pressed"&gt;Check this out!&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="footer"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>
