我試圖做一個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>
也許菜單顯示,但其大小不是?什麼是菜單的HTML和CSS? –
已經檢查過,我還添加了邊框以查看它是否有效,但沒有運氣。我將HTML和CSS。 – kinduff
我們需要HTML和CSS。在http://jsfiddle.net/上重新播放它,保存並給我們鏈接。 –