jq实现简单手风琴效果

 需要引入jq 另需要资源

减号是白色 直接右键保存就好了

企业使命
引领核电发展,奉献绿色能源

【导语】

企业使命旨在明确企业在经济社会发展中的角色定位,表明企业存在的目的和价值,是对“我们从哪里来”这一企业哲学问题的回答。

【正文】

引领核电发展,奉献绿色能源

【释义】

通过三代核电技术引进消化吸收再创新,打造中国核电自主化品牌,成为中国乃至世界核电发展的领军者。

以先进能源技术创新为驱动,以清洁能源开发为主导,致力于成为可持续的绿色能源供应者。


企业愿景
建设核心竞争力突出的创新型国际化综合能源集团和现代国有企业

【导语】

企业愿景是企业为之奋斗的远景描绘,指明企业的长远发展目标,是对“我们到哪里去”这一企业哲学问题的回答,是企业全体成员的共同追求。

【正文】

建设核心竞争力突出的创新型国际化综合能源集团和现代国有企业

【释义】

始终致力于打造核心竞争力,坚定不移地提升以核电技术为主的技术优势和以清洁能源为主的产业优势,不断增强在世界能源领域的话语权和影响力,成为核心竞争力突出企业。

始终视创新为生命,倡导全员创新、全面创新,着力于探索常规电与核电相结合基础上综合性清洁能源技术的跨越与提升,以创新激发成长活力,以创新保持领先优势,成为创新型企业。

始终坚持全球化视角,对标国际同行业最先进的理念思维、发展模式以及管理、技术标准,坚持“走出去”战略,融入世界发展大格局,成为国际化企业。


核心价值观
创新创造,持续奋斗,和谐共生

【导语】

核心价值观是企业遵循的基本信仰和价值追求,体现了企业的经营哲学。在完成使命、达成愿景的过程中,核心价值观是一切行为的最高准则和依据。

【正文】

创新创造,持续奋斗,和谐共生

【释义】

创新创造是我们的特质。国家电投倡导全面创新创造,将创新融入技术、产品、制度、组织、文化、观念等方方面面;倡导全员创新创造,使创新创造成为国家电投人的品格。

持续奋斗是我们的灵魂。奋斗的实质是一种“精气神”,是锐意进取、奋发有为的精神状态,是忠诚敬业、甘于奉献的炽热情怀,是集体奋斗、团队成功的合作观念,是不怕困难、敢于攻坚的坚强意志,是勇于追梦、勇于担当的使命感和责任感。

和谐共生是我们的追求。国家电投努力与相关各方保持和谐,以和为贵、共生共存;我们懂得求同存异,注重和而不同,讲求团队合作;我们追求和合共赢、达人达己,走共同成功之路,成就他人同时成就自己。


管理理念
依法治企,科学治企,从严治企

【导语】

管理是生产力,管理的根本任务是合理配置资源,提高组织效能。管理理念是国家电投管理活动中所遵循的基本原则及核心思想。

【正文】

依法治企,科学治企,从严治企

【释义】

依法治企重在遵守法规,按照法律法规来治理企业,依法决策、依法经营管理、依法维护企业权益,高度重视法律风险防范,确保企业始终在法律法规的界限内运行。

科学治企重在遵循规律,按照企业经营发展规律办事,建立完善的现代公司治理体系,运用现代理念和方法管理企业,确保管理活动严谨精细、科学高效。

从严治企重在遵从规范,按照制度化程序化要求来规范企业管理,严格责任、严格标准、严格流程、严格执行、严格考核。


职业操守
忠诚于国家,忠诚于事业,忠诚于企业

【导语】

职业操守是员工最基本的职业道德规范,每个人都要奉为信条,严格恪守,身体力行。

【正文】

忠诚于国家,忠诚于事业,忠诚于企业

【释义】

忠诚于国家源于我们的政治责任,我们心系核电强国梦,坚持奋发图强,勇于为国奉献,切实肩负起实现核电自主化的国家使命。

忠诚于事业源于我们的价值追求,我们心系绿色能源梦,抱着建功立业的信念,力行实干,把发展清洁能源作为我们的事业所托和价值所在。

忠诚于企业源于我们的职业精神,我们心系基业长青梦,恪守公司价值观,坚持爱岗敬业,将个人发展融入企业发展中,持续为企业创造价值,为促进企业永续发展贡献自己全部力量。


    //显示第一个dt
    $('dl dt:first').find('span img').attr('src', './images/减.png');
    $('dl dt:first').nextUntil('dt').css('display', 'block');
    $('dl div dt:first').addClass('dianji_imgred');
    $('dl div dt:first').siblings('div').find('dt').addClass('xygkdt_active2').css('color', '#000');
    $(function () {
        $(".dianji_img").click(function () {
            $(this).parent().toggleClass('dianji_imgred');;
        });
    });
    $(document).ready(function () {
        targetLayer = $(".dianji_img");
        targetLayer.click(function () {
            if ($(this).parent().next().is(":hidden")) {
                $(this).html('');
            }
            else {
                $(this).html('');
            }
            $(this).parent().next().slideToggle();
            targetLayer.not(this).html('');
            targetLayer.not(this).parent().next().slideUp();
            targetLayer.not(this).parent().removeClass('dianji_imgred');

        });
    });
.jgszzk {
            width: 40%;
            margin-top: 30px;
            transition: all 1s;
            margin: 0 auto;
        }

        dl {
            width: 100%;
        }

        dl dt {
            display: flex;
            justify-content: space-between;
            padding: 22px 15px;
        }

        dl dt p {
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 48px;
            letter-spacing: 0px;
        }

        .pactive {
            color: #cb0707;
        }

        dl dd {
            display: none;
            height: 100%;
            padding: 15px;
            padding-top: 0;
        }

        dl dd p {
            font-size: 14px;
            margin-top: 18px;
        }

        dl dt span {
            float: right;
            font-size: 40px;
            margin-right: 10px;
            color: #BBBBBB;
        }

        .qywh_hwh span:nth-child(1) {
            font-size: 30px;
            font-family: SourceHanSansCN;
            font-weight: bold;
            color: rgba(51, 51, 51, 1);
            padding-right: 10px;
        }

        .qywh_hwh span:nth-child(2) {
            font-size: 40px;
            font-family: KaiTi;
            font-weight: 400;
            color: rgba(199, 34, 34, 1);
        }

        .qywh_hwh_title div {
            display: inline-block;
            width: 5px;
            height: 22px;
            background: #C72222;
        }

        .qywh_hwh_title {
            font-size: 24px;
            font-family: SourceHanSansCN;
            font-weight: bold;
            color: #333333;
            padding-bottom: 10px;
        }

        .qywh_hwh_desc {
            font-size: 18px;
            font-family: SourceHanSansCN;
            font-weight: 400;
            color: rgba(51, 51, 51, 1);
        }

        .xygkdt_active {
            box-sizing: border-box;
            border: 1px solid #C72222 !important;
            cursor: pointer;
        }

        .xygkdt_active2 {
            box-sizing: border-box;
            padding: 22px 15px;
            border: 1px solid rgba(225, 225, 225, 1);
            /*border-top: none;*/
            cursor: pointer;
        }

        .xygkdt_active .dlactive {
            background: #C72222 !important;
        }

        .xygkdt_active .dlactive .qywh_hwh_title {
            color: #fff;
        }

        .xygkdt_active .dlactive .qywh_hwh_desc {
            color: #fff;
        }

        .xygkdt_active .dlactive .qywh_hwh_title div {
            background: #fff;
        }

        .xygkdt_active .dlactive span {
            color: #fff;
        }

        .qywh_hwh_desc_desc {
            width: 99.9%;
            height: 166px;
            background: url(../images/qywh_hwh.png);
            background-size: 100%;
            font-size: 16px;
            font-family: SourceHanSansCN;
            font-weight: 400;
            color: rgba(68, 68, 68, 1);
            line-height: 36px;
            box-sizing: border-box;
            padding: 20px;
            margin-top: 24px;
            margin-bottom: 10px;
        }

        .xygkdt_active2:hover .qywh_hwh_title {
            color: #C72222
        }

        .xygkdt_active2:hover .qywh_hwh_desc {
            color: #C72222
        }

        .xygkdt_active2:hover span {
            color: #C72222
        }

        .news_zhy_con_right {
            width: 82%;
            height: 100%;
            background: #FFFFFF;
            padding: 50px 50px 0px 50px;
            box-sizing: border-box;
            padding-bottom: 119px;
        }

        .dianji_imgred {
            background: #C72222;
        }

        .xygkdt_active {
            background: #C72222;
        }

        .jgszzk dd {
            border: 1px solid rgba(225, 225, 225, 1);
        }

        .dianji_imgred .qywh_hwh_title {
            color: #fff !important;
            ;
        }

        .dianji_imgred .qywh_hwh_title div {
            background: #fff;
        }

        .dianji_imgred .qywh_hwh_desc {
            color: #fff !important;
            ;
        }

        .xygkdt_active .qywh_hwh_desc {
            color: #fff !important;
            ;
        }

        .xygkdt_active .qywh_hwh_title {
            color: #fff !important;
            ;
        }

        .xygkdt_active .qywh_hwh_title div {
            background: #fff;
        }

 

你可能感兴趣的:(手风琴,javascript,jquery)