title: Get id of clicked link in and pass it to JQuery
body: <pre><code>&lt;a class = "link" href="#" id = "one"&gt;
  &lt;div class="secret_div" id = "secret_one" style = "display: none;"&gt;
      &lt;p&gt;This is a secret&lt;/p&gt;
  &lt;/div&gt;
  
  
  &lt;a class = "link" href="#" id = "two" style = "display: none;"&gt;
  &lt;div class="secret_div" id = "secret_two"&gt;
      &lt;p&gt;This is a 2nd secret&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How do you get the id of the linked that's clicked?
  this is the JQuery script  that I used but doesn't seem to work</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function() {
      $(".link").click(function(){
          var id = $(this).attr("id");
          var element = ".secret_" + id + "#" + "id";
          $(element).show();
      }
          )
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Im trying to concatenate <code>".secret_two#two"</code> with the selected link's <code>id</code> so I can and store it into an <code>element</code> variable so then I could do something like this
  <code>$(element).show()</code></p>
  
  <p>how do we go about doing this </p>