用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
}

这应该可以解决问题。