Question

抱歉，如果这很简单，但我的导航栏需要一些帮助。我似乎无法通过点击链接切换显示/隐藏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在我点击Hi1后显示Hi2。我不介意使用JQuery或Javascript我只需要解决这个问题。我已经制作了其他导航菜单，但它们是水平的，通常由悬停菜单工作。感谢任何帮助！

Answer 1

尝试：

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

Answer 2

使用此

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

<强> DEMO

<小时/> 如果您不想切换，请使用

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

<强> DEMO 2

从列表中显示隐藏的div菜单

2 个答案: