用js创建子菜单

Question

我正在尝试使用js创建子菜单。但它不起作用。 我想点击教育（在标签中），这样ul（名为sub的类）打开并显示子菜单。

这是代码：

<script language="javascript" type="text/javascript">
    function open()
    {
        var e = document.getElementById(sub);
        if(e.style.display == 'block'){
          e.style.display = 'none';
        }
        else{
          e.style.display = 'block';
        }
    }
</script>

<div id="submenu">
     <ul>
         <li class="headersub"><a href="" class="blue" onClick="open()">education</a>
              <ul  class="sub" style="display:none;">
                   <li>

                      <?php if(isset($_SESSION['user']))require('./module/adminmenu/adminmenu.php'); ?>
                     </li>
              </ul>
        </li>

Answer 1

点击链接后页面是否刷新？如果是，请尝试：

function open(e) {
  e.preventDefault();
  // then your existing code here
}

这应该可以解决问题。