点击左侧父级菜单能够折叠其所属的子菜单

最新推荐文章于 2024-04-18 17:52:13 发布

chenyuqingpp

最新推荐文章于 2024-04-18 17:52:13 发布

阅读量429

点赞数

分类专栏： jquery toggle 文章标签： javascript div stylesheet function class xhtml

本文链接：https://blog.csdn.net/chenyuqingpp/article/details/6968871

版权

jquery 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

toggle

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

setMenuHeight();

            $("#navMenu dt").bind("click", function() {
                $(this).siblings().toggle();
                var imageUrl = $(this).find("span img").attr("src");
                if (imageUrl == "images/ico03.gif") {
                    $(this).find("span img").attr("src", "images/ico04.gif");
                }
                else {
                    $(this).find("span img").attr("src", "images/ico03.gif");
                }

            });
        });

        function setMenuHeight() {
            var height1 = $("#container").height();
            var height2 = $("#mainMenu").height();
            if (height1 > height2) {
                $("#mainMenu").height(height1);
            }
            else {
                $("#container").height(height2);
            }
        }
    </script>
</head>
<body>
    <form name="aspnetForm" method="post" action="HomePage.aspx" id="aspnetForm">
    <div id="main">
        <div id="header"></div>
        <div id="mainMenu">
            <div id="userInfo">
                <div class="photo">
                    <img alt="" src='images/ico02.gif'/>
                </div>
                <div class="detail">
                    <p>您好：<span id="ctl00_lblAdminName">jasonmao</span></p>
                    <p style="margin-top:5px;"><span id="ctl00_lblRoll">宿舍管理员</span> </p>
                </div>
                <div class="exitsystem right">
                    <a href='/Logout.aspx'><img src='images/28.ico' alt="" style="width:22px;height:22px;" /></a>
                </div>
            </div>
            <div id="navMenu">

                <dl id="ctl00_menuPassMgr">
                    <dt>
                        <span><img alt="" src='images/ico03.gif'/></span>
                        <span><a href="javascript:">密码管理</a></span>
                    </dt>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/SysManager/ChangePassword.aspx'>修改密码</a></span>
                    </dd>
                </dl>

                <dl id="ctl00_menuHourse">
                    <dt>
                        <span><img alt="" src='images/ico03.gif'/></span>
                        <span><a href="javascript:">宿舍管理</a></span>
                    </dt>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/SchoolHourseManager/SchoolHourseList.aspx'>学生宿舍查询</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/SchoolHourseManager/SchoolHourseEdit.aspx'>学生宿舍新增</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/SchoolHourseManager/CheckStudentDormitory.aspx'>学生宿舍分配</a></span>
                    </dd>
                </dl>
                <dl id="ctl00_menuStudent">
                    <dt>
                        <span><img alt="" src='images/ico03.gif'/></span>
                        <span><a href="javascript:">学生管理</a></span>
                    </dt>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/StudentManager/StudentList.aspx'>学生信息列表</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/StudentManager/StudentEdit.aspx'>学生信息新增</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/ClassManager/ClassList.aspx'>班级信息列表</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/ClassManager/ClassEdit.aspx'>班级信息新增</a></span>
                    </dd>
                </dl>
                <dl id="ctl00_menuTeacher">
                    <dt>
                        <span><img alt="" src='images/ico03.gif'/></span>
                        <span><a href="javascript:">教师管理</a></span>
                    </dt>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/TeacherManager/TeacherEdit.aspx'>教师入职登记</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/TeacherManager/TeacherList.aspx'>教师信息查询</a></span>
                    </dd>
                </dl>
                <dl id="ctl00_menuReport">
                    <dt>
                        <span><img alt="" src='images/ico03.gif'/></span>
                        <span><a href="javascript:">缴费及统计报表</a></span>
                    </dt>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/TeacherManager/TeacherList.aspx'>学生缴费入口</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/TeacherManager/TeacherList.aspx'>学生缴费查询</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/TeacherManager/TeacherList.aspx'>收件信息查看</a></span>
                    </dd>
                    <dd>
                        <span><img alt="" src='images/ico06.gif'/></span>
                        <span><a href='/TeacherManager/TeacherList.aspx'>发件信息查看</a></span>
                    </dd>
                </dl>
            </div>
        </div>
        <div id="container">



        </div>
        <div id="footer">
            <span>?2011 中天IT学院 学生宿舍管理系统</span>
            <br />
            <span>如有问题，请联系QQ:451710955</span>
        </div>
    </div>
</form>
</body>
</html>

chenyuqingpp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
点击左侧父级菜单能够折叠其所属的子菜单

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" > $(document).ready(function() { setMenuHeight();
复制链接

扫一扫