显示或者隐藏子菜单

显示或者隐藏子菜单

<script type="text/javascript">
//显示或者隐藏子菜单
    function showORhidden(strid,e) {
        var id = document.getElementById(strid);
        //Firefox中在写关于event的函数的时候，必须把event对象作为参数传递给函数，这样才能使用event对象
        //IE/Opera，可以用var el = window.event.srcElement;
        //如果是IE/Opera，我们就用 srcElement 来获取触发事件的对象
        //如果是Firefox，我们就用 target 来获取触发事件的对象
        //Firefox中调用js函数参数不能是id，必须通过document.getElementById("")得到。
        var el = e.srcElement ? e.srcElement : e.target;
        if (id.style.display == "none") {
            id.style.display = "";
            el.className="class1";//不显示子菜单的时候样式
        }
        else {
            id.style.display = "none";
            el.className = "class2";//显示子菜单的时候样式
        }
    }
</script>