zoukankan      html  css  js  c++  java
  • jQuery点击收缩展开滑动显示内容竖直手风琴代码

    <div class="position">
    <div class="positiontop">
    <span class="mr100">招聘职位:高级开发工程师</span>
    <span>工作地址:北京、济南</span>
    <span class="lookmore fright">查看详情
    <img src="images/down.png" class="toggle"/>
    </span>
    </div>
    <div class="positionbottom" style="display: block;">
    <p>
    岗位职责:<br/>
    1、负责确定核心编码方案,协助技术总监攻克技术难关;<br/>
    </p>
    </div>
    </div>

    //joinus

    //joinus
    $('.lookmore').click(function(){
    $(".positionbottom").not($(this).next()).slideUp();
    $(this).parent('.positiontop').next('.positionbottom').slideToggle();
    $(this).children('.toggle').attr("src", "images/up.png");
    $('.toggle').not($(this).children()).attr("src", "images/down.png");
    });

  • 相关阅读:
    各种集群服务
    cdn
    网页请求的完整过程
    html
    ajax异步请求技术
    浅谈前端渲染与后端渲染的区别
    html与php
    Ubuntu安装anaconda3
    win10安装Ubuntu系统
    删除排序数组中的重复项
  • 原文地址:https://www.cnblogs.com/zhouyx/p/6202824.html
Copyright © 2011-2022 走看看