jQuery show&hide menu basics
<p>I'm trying to make a doble menu, with click function and hide&amp;show basics, but I don't understand why is not working, can you help me out? Here is my script:</p>

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

$('#work').click(function(event){
    $(this).addClass("activado"); // add active class
    $("#other,#contacto").removeClass("activado"); // remove active class
    $("#menuother").hide();
    $("#menuwork").show();
});

$('#other').click(function(event){
    $(this).addClass("activado");
    $("#work,#contacto").removeClass("activado");
    $("#menuwork").hide();
    $("#menuother").show();
});

$('#contacto').click(function(event){
    $(this).addClass("activado");
    $("#work,#other").removeClass("activado");
    $("#menuwork").hide();
});
});
</code></pre>

<p>And my html is very basic, i don't think you need it, the script speaks it self. The active class is working, but the hide &amp; show is not.</p>

<p>Thanks a lot.</p>

<p>//edit
By the way, I'm hiding the menus in css.</p>

<p>//edit adding html</p>

<pre><code>&lt;a href="#" id="work" class="inactivo"&gt;TopMenu&lt;/a&gt;
&lt;a href="#" id="other" class="inactivo"&gt;TopMenu&lt;/a&gt;
&lt;a href="#" id="contacto" class="inactivo"&gt;TopMenu&lt;/a&gt;

&lt;div id="#menuwork"&gt;
&lt;a href="#" id="SubMenu1" class="inactivo"&gt;SubMenu&lt;/a&gt;
&lt;a href="#" id="SubMenu2" class="inactivo"&gt;SubMenu&lt;/a&gt;
&lt;a href="#" id="SubMenu3" class="inactivo"&gt;SubMenu&lt;/a&gt;
&lt;/div&gt;

&lt;div id="#menuother"&gt;
&lt;a href="#" id="SubMenu4" class="inactivo"&gt;SubMenu&lt;/a&gt;
&lt;a href="#" id="SubMenu5" class="inactivo"&gt;SubMenu&lt;/a&gt;
&lt;a href="#" id="SubMenu6" class="inactivo"&gt;SubMenu&lt;/a&gt;
&lt;/div&gt;
</code></pre>
