从列表中显示隐藏的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菜单

回答

相关问题