從列表中顯示隱藏的div菜單

對不起如果這很簡單，但我需要一些幫助與我的導航欄。我似乎無法切換顯示/隱藏與點擊鏈接的div。我的代碼在這裏。這只是一些基本格式，因爲在將其添加到我的網站之前，我需要正確的功能。謝謝！從列表中顯示隱藏的div菜單

<html> 
<head> 
<link rel="stylesheet" type="text/css"> 
<style> 
#submenu ul{ 
display:none; 
} 
</style> 
<script type="text/javascript"> 
function showDiv() { 
document.getElementById('submenu').style.display = "block"; 
} 
</script> 
</head> 
<body> 
<div id="navigation"> 
<ul> 
<li id="submenu" onclick="showDiv()";><a href="#"> Hi</a> 
<ul> 
<li><a href="#"> Hi2</a> 
</ul> 
</li> 
</ul> 
</div> 
</body> 
</html>

因此，在這個例子中，我想隱藏div來顯示HI2一旦我點擊HI1。我不介意使用JQuery或Javascript，我只是需要一種解決方法。我製作了其他導航菜單，但是它們是水平的，通常使用懸停菜單。感謝任何幫助！

來源

2012-11-06 user1803009

看，你已經不僅僅是頭部後缺少標籤..， – OctoD

使用此

$('#submenu').click(function() { 
    $('#submenu ul').toggle(''); 
});

DEMO

如果你不想切換然後使用

$('#submenu').click(function() { 
    $('#submenu ul').css('display','block'); 
});

DEMO 2

來源

2012-11-06 12:31:49 Sowmya

喜。感謝您的分享。如果我做了一個，你認爲你可以看看我的小提琴嗎？它不適用於我的較大代碼。謝謝 – user1803009

將documnet.ready包含在您的代碼和適當的文檔/元類型中。檢查這個演示http://jsfiddle.net/wFN9t/8/ – Sowmya

所以這是小提琴鏈接：http://jsfiddle.net/KgCYE/7/。該div被隱藏，但是當我點擊項目選項卡時沒有任何反應。我知道內容在那裏，因爲如果您刪除了display：none，則內容可見。 – user1803009

嘗試：

<script type="text/javascript"> 
function showDiv() { 
    $("#submenu ul").css("display","block"); 
} 
</script>

來源

2012-11-06 12:31:46

從列表中顯示隱藏的div菜單

回答

相關問題