0 
<script>
function toggleMenu() {
    var thisMenu = document.getElementById(id).getElementsByTagName('ul')[0];
    if( thisMenu.style.display == 'block' ) {
        thisMenu.style.display = 'none';
    } else { 
        thisMenu.style.display = 'block';
    }
    return thisMenu;
}

<li class="NavLinks test2" id="menuItem">
    <a onclick="toggleMenu('menuItem');">Tutorial</a>
    <ul>
        <li><a href="http://www.google.com">google</a></li>     
        <li><a href="http://www.yahoo.com">yahoo</a></li>
    </ul>
</li>

</script>

**描述* ** * ** * *

onClick on Tutorial hide 是子菜单项，但是如果我单击 Tutorial 并将鼠标悬停在子菜单项上并将鼠标悬停在项目列表项不隐藏。如果我的代码需要修改，请告诉我。

4

2 回答 2

1

你还没有定义id论点。

改变

function toggleMenu(){

至

function toggleMenu(id){
于 2012-04-27T18:08:28.427 回答
0

目前，您的toggleMenu函数不接受任何参数。您的 html 也在您的脚本标签内

<script>
function toggleMenu( id ){
  var thisMenu = document.getElementById(id).getElementsByTagName('ul')[0];
  if( thisMenu.style.display == 'block' ) {
    thisMenu.style.display = 'none';
  }
  else {
    thisMenu.style.display = 'block';
  }
  return thisMenu ;
}
</script>
<li class="NavLinks test2" id="menuIteam">
<a onclick="toggleMenu('menuIteam');">Tutorial</a>
<ul>
<li><a href="http://www.google.com">google</a></li>     
<li><a href="http://www.yahoo.com">yahoo</a></li>
</ul>
</li>
于 2012-04-27T18:09:01.690 回答