• 实用帮助中心切换效果以及Css判断


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

  • 相关阅读:
    微信端H5页面问题总结
    css英文长文字会自动换行的解决办法
    前端面试题二(来自前端网http://www.qdfuns.com/notes/23515/fa8b1e788ac39b04108fc33e5b543c4a.html)
    前端面试题(来自前端网http://www.qdfuns.com/notes/23515/c9163ddd620baac5dd23141d41982bb8.html)
    js中的闭包
    js中this的运用
    关于echart x轴溢出的解决办法
    关于jsonp的学习
    关于获取浏览器参数的见解
    关于echar彩色柱状图颜色配置问题
  • 原文地址:https://www.cnblogs.com/LD1018/p/8032074.html
Copyright © 2020-2023  润新知