2011-10-12 61 views
2

我試圖做一個doble菜單,點擊功能和隱藏&顯示基本知識,但我不明白爲什麼不工作,你能幫我嗎?這是我的腳本:jQuery顯示和隱藏菜單基本信息

$(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(); 
}); 
}); 

而我的html是非常基本的,我不認爲你需要它,腳本說它自己。活動類正在工作,但隱藏&表示不是。

非常感謝。

//編輯 順便說一句,我隱藏菜單在CSS中。

//編輯添加HTML

<a href="#" id="work" class="inactivo">TopMenu</a> 
<a href="#" id="other" class="inactivo">TopMenu</a> 
<a href="#" id="contacto" class="inactivo">TopMenu</a> 

<div id="#menuwork"> 
<a href="#" id="SubMenu1" class="inactivo">SubMenu</a> 
<a href="#" id="SubMenu2" class="inactivo">SubMenu</a> 
<a href="#" id="SubMenu3" class="inactivo">SubMenu</a> 
</div> 

<div id="#menuother"> 
<a href="#" id="SubMenu4" class="inactivo">SubMenu</a> 
<a href="#" id="SubMenu5" class="inactivo">SubMenu</a> 
<a href="#" id="SubMenu6" class="inactivo">SubMenu</a> 
</div> 
+0

也許菜單顯示,但其大小不是?什麼是菜單的HTML和CSS? –

+0

已經檢查過,我還添加了邊框以查看它是否有效,但沒有運氣。我將HTML和CSS。 – kinduff

+0

我們需要HTML和CSS。在http://jsfiddle.net/上重新播放它,保存並給我們鏈接。 –

回答

4

首先,請從ID的的#div元素。例如:

<div id="#menuwork"> 

應該是:

<div id="menuwork"> 
+0

哦,我的天啊:S這是問題,我很抱歉,我現在覺得自己像個白癡。非常感謝。 – kinduff

+0

@ kinduff:沒問題!它發生在我們所有人身上! –