1

抱歉，如果这很简单，但我的导航栏需要一些帮助。我似乎无法通过单击链接来切换以显示/隐藏 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>

所以在这个例子中，一旦我点击 Hi1，我希望隐藏的 div 显示 Hi2。我不介意使用 JQuery 或 Javascript，我只需要解决这个问题。我制作了其他导航菜单，但它们是水平的，通常由悬停菜单工作。感谢任何帮助！

4

2 回答 2

0

尝试：

<script type="text/javascript">
function showDiv() {
  $("#submenu ul").css("display","block");
}
</script>
于 2012-11-06T12:31:46.310 回答
0

用这个

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

演示

如果您不想切换，请使用

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

演示 2

于 2012-11-06T12:31:49.520 回答