1

申し訳ありませんが、これは簡単ですが、ナビゲーションバーについてサポートが必要な場合。リンクをクリックするだけでdivの表示/非表示を切り替えることができないようです。私のコードはここにあります。これは、Webサイトに追加する前に適切な機能が必要なため、基本的な形式です。ありがとう！

<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 に答える