博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
实用帮助中心切换效果以及Css判断
阅读量:5907 次
发布时间:2019-06-19

本文共 2798 字,大约阅读时间需要 9 分钟。

<script src="Js/jquery-1.8.3.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="Js/Common.js"></script>
    <script type="text/javascript">
        $(function() {
            $(".faq_menu dt").click(function() {
                var index = $(".faq_menu dt").index(this);
                if ($(".faq_menu dl dt").eq(index).siblings("dd").css("display") == "block") {
                    $(".faq_menu dl dt").eq(index).find("span").html("&#xe674;");
                } else {
                    $(".faq_menu dl dt").eq(index).find("span").html("&#xe673;");
                }
                $(".faq_menu dl dt").eq(index).siblings("dd").toggle('slow');
            });
        });
        $(function() {
            $(".faq_menu dd").click(function() {
                var index = $(".faq_menu dd").index(this);
                $(".faq_menu dd").eq(index).find("a").addClass("moa");
                $(this).siblings().find("a").removeClass("moa");
            });
        })
    </script>  
 <div class="faq_menu" style="cursor: pointer">
            <dl>
                <dt><span class="iconfont">&#xe674;</span>基础使用</dt>
                <dd>
                    <a>企业介绍类</a></dd>
                <dd>
                    <a>数据安全类</a></dd>
                <dd>
                    <a>用户注册类</a></dd>
                <dd>
                    <a>系统管理类</a></dd></dl>
            <dl>
                <dt><span class="iconfont">&#xe674;</span>终端操作</dt>
                <dd style="display: none">
                    <a>企业介绍类</a></dd>
                <dd style="display: none">
                    <a>数据安全类</a></dd>
                <dd style="display: none">
                    <a>用户注册类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd></dl>
            <dl>
                <dt><span class="iconfont">&#xe674;</span>主线应用</dt>
                <dd style="display: none">
                    <a>企业介绍类</a></dd>
                <dd style="display: none">
                    <a>数据安全类</a></dd>
                <dd style="display: none">
                    <a>用户注册类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd></dl>
            <dl>
                <dt><span class="iconfont">&#xe674;</span>工作协同</dt>
                <dd style="display: none">
                    <a>企业介绍类</a></dd>
                <dd style="display: none">
                    <a>数据安全类</a></dd>
                <dd style="display: none">
                    <a>用户注册类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd></dl>
            <dl>
                <dt><span class="iconfont">&#xe674;</span>内部管理</dt>
                <dd style="display: none">
                    <a>企业介绍类</a></dd>
                <dd style="display: none">
                    <a>数据安全类</a></dd>
                <dd style="display: none">
                    <a>用户注册类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd></dl>
            <dl>
                <dt><span class="iconfont">&#xe674;</span>时间管理</dt>
                <dd style="display: none">
                    <a>企业介绍类</a></dd>
                <dd style="display: none">
                    <a>数据安全类</a></dd>
                <dd style="display: none">
                    <a>用户注册类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd></dl>
            <dl>
                <dt><span class="iconfont">&#xe674;</span>沟通交流</dt>
                <dd style="display: none">
                    <a>企业介绍类</a></dd>
                <dd style="display: none">
                    <a>数据安全类</a></dd>
                <dd style="display: none">
                    <a>用户注册类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd></dl>
            <dl>
                <dt><span class="iconfont">&#xe674;</span>项目管理</dt>
                <dd style="display: none">
                    <a>企业介绍类</a></dd>
                <dd style="display: none">
                    <a>数据安全类</a></dd>
                <dd style="display: none">
                    <a>用户注册类</a></dd>
                <dd style="display: none">
                    <a>系统管理类</a></dd></dl>
        </div>

转载于:https://www.cnblogs.com/LD1018/p/8032074.html

你可能感兴趣的文章
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!...
查看>>
用户管理
查看>>
在GridControl控件中使用SearchLookUpEdit构建数据快速输入
查看>>
ACE反应器(Reactor)模式(2)
查看>>
tinymce entities 配置
查看>>
《IT项目管理》读书笔记(6) —— 项目成本管理
查看>>
解决IE8 Session共享问题
查看>>
UVALive 4271 Necklace
查看>>
【转】8-21收集不错的帖子汇总
查看>>
C++中的预处理命令 .
查看>>
word自定义粘贴选项方法
查看>>
帮助你自动生成已经过去的时间的jQuery插件 - Smart Time Ago
查看>>
[译]JavaScript: 数据类型
查看>>
delphi 實現通過ip地址獲取mac地址 .
查看>>
编码导致 html和aspx 样式差异,变形
查看>>
报表统计(八) 访问数据库 Position
查看>>
【DP】经典问题解析
查看>>
多任务并行
查看>>
如何安装配置Intelligent landing page for AIMS/MapGuide Ajax viewer
查看>>
国际象棋棋盘上马的遍历问题
查看>>