Toogle an element, display the others
<p>Each time I select an option, it displays the list I wanted to but without hiding the others. Do I forgot something with the toggle function ?</p>

<pre><code>$("select#category").change(function() {
   var category = $(this).val();
   $("select#"+category).toggle();
});
</code></pre>

<p>My lists are as simple as that (must display either the "1" select or the "2" but not the two) :</p>

<pre><code>  &lt;form method="post"&gt;
    &lt;select name="menu_destination" id="category"&gt;
         &lt;option value="1" &gt;1&lt;/option&gt;
         &lt;option value="2"&gt;2&lt;/option&gt;
    &lt;/select&gt;

    &lt;select name="menu_destination" id="1"&gt;
         &lt;option value="a" &gt;A&lt;/option&gt;
         &lt;option value="b"&gt;B&lt;/option&gt;
    &lt;/select&gt;

    &lt;select name="menu_destination" id="2"&gt;
         &lt;option value="a" &gt;A&lt;/option&gt;
         &lt;option value="b"&gt;B&lt;/option&gt;
    &lt;/select&gt;
</code></pre>

<p></p>
