Using jQuery for first time, simple problem!
<p>I have some markup like this:</p>

<pre><code>&lt;p&gt;&lt;a id="1" href="#"&gt;Link 1&lt;/a&gt;&lt;/p&gt;
&lt;p id="1show" class="starthidden"&gt;Hi! I get shown when link 1 is clicked&lt;/p&gt;

&lt;p&gt;&lt;a id="2" href="#"&gt;Link 2&lt;/a&gt;&lt;/p&gt;
&lt;p id="2show" class="starthidden"&gt;Hi! I get shown when link 2 is clicked&lt;/p&gt;

&lt;p&gt;&lt;a id="3" href="#"&gt;Link 3&lt;/a&gt;&lt;/p&gt;
&lt;p id="3show" class="starthidden"&gt;Hi! I get shown when link 3 is clicked&lt;/p&gt;
</code></pre>

<p>And some javascript like this:</p>

<pre><code>$(document).ready(function(){

    $("#maincontent a").click(function () {
     var id = '#' + $(this).attr("id");
     var show = id + 'show';

     $("id").click(function () {
      $("show").slideToggle("slow");
      return false;
     });

     return false;
    });

});
</code></pre>

<p>Now, id and show are both what I'd expect at runtime, but the next line doesn't work. I guess that it's the $("id") bit - though changing this to $(id) doesn't work either.</p>

<p>How do I fix this?</p>
