title: Hide forms alternatively on click menu element
body: <p>I want to hide or show different forms in a web page. I have:</p>
  
  <pre><code>&lt;ul&gt;
       &lt;li&gt;&lt;a id="menu" href="#"&gt;Article1&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a id="menu" href="#"&gt;Article2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  /*Here some forms*/  
    &lt;div class="desc"&gt;
        &lt;form&gt;
        &lt;input etc...&gt;
        &lt;/form&gt;
    &lt;/div&gt;
    &lt;div class="desc"&gt;
        &lt;form&gt;
        &lt;input etc...&gt;
        &lt;/form&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function(){ 
      $("a[name$='menu']").click(function() {
          var test = $(this).val();
          $("div.desc").hide();
          $("#"+test).show(); //maybe i could use slidetoogle
      }); 
  });
  </code></pre>
  
  <p>I want to hide all other forms and show only the form linked on click. This code does not work!</p>