问题描述

如：在一个画面上有“老师”“学生”，点老师弹出老师的权限，点学生弹出学生权限，都要在一个页面。

        如：在一个画面上有“老师”“学生”，点老师弹出老师的权限，点学生弹出学生权限，都要在一个页面。

解决方案

写一下大体的结构吧，要用到jquery

<ul>
    <li onclick="showDiv(1)">老师<li>
    <li onclick="showDiv(2)">学生<li>
</ul>
<div id="teacherDiv" style="display:none">
        老师权限
</div>

 <div id="studentDiv" style="display:none">
        学生权限
</div>
<script>
    function showDiv(type)
    {
        if(type==1)
        {
            $("#teacherDiv").show();
        }
        if(type==2)
        {
            $("#studentDiv").show();
        }
    }
<script>

解决方案二：

这不就是用div+css弄好页面,然后用javascript的点击事件来实现的吗

解决方案三：

是的，但是我是初学的，这方面很弱，能不能给段代码

解决方案四：

写两套，用hidden属性隐藏

解决方案五：

单击事件，和隐藏显示

解决方案六：

单击事件，和隐藏显示