title: jquery select multiple and display to specific container
body: <p>Good day!
  I have a problem with jQuery multi-select.
  <strong>For example:</strong> 
  I have <strong>5 links</strong> and <strong>3 containers</strong>. Every time a specific link is pressed it will display to the container and I want to select <strong>3 links</strong> to put to the <strong>3 containers</strong>. Since I have 5 links, when I want to click the remaining links the container will then change the value according to the link pressed.</p>
  
  <p><strong>HTML Code:</strong></p>
  
  <pre><code>&lt;a id="link1"&gt;Link 1&lt;/a&gt;
  &lt;a id="link2"&gt;Link 2&lt;/a&gt;
  &lt;a id="link3"&gt;Link 3&lt;/a&gt;
  &lt;a id="link4"&gt;Link 4&lt;/a&gt;
  &lt;a id="link5"&gt;Link 5&lt;/a&gt;
  
  &lt;ul id="container"&gt;
    &lt;li id="container1&gt;Container 1&lt;li&gt;
    &lt;li id="container2&gt;Container 2&lt;li&gt;
    &lt;li id="container3&gt;Container 1&lt;li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>SCRIPT</strong></p>
  
  <pre><code>$('#container1, #container2, #container3').hide();
  $('#link1').click(function () {
    $('#container1').show();
  });
  $('#link2').click(function () {
    $('#container2').show();
  });
  $('#link3').click(function () {
    $('#container3').show();
  });
  </code></pre>
  
  <p>Please help me I am still new in jQuery. I will appreciate your help. Thanks in advance.</p>