博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery点击收缩展开滑动显示内容竖直手风琴代码
阅读量:4617 次
发布时间:2019-06-09

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

<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");
});

转载于:https://www.cnblogs.com/zhouyx/p/6202824.html

你可能感兴趣的文章
jquery刷新页面
查看>>
杭电1096
查看>>
Oracle中的 UPDATE FROM 解决方法
查看>>
鼠标经过图像改变实现
查看>>
二分查找法
查看>>
Spring3升级到Spring4时, 运行时出现找不到MappingJacksonHttpMessageConverter的情况
查看>>
详解缓冲区溢出攻击以及防范方法
查看>>
分布式事务解决方案(一) 2阶段提交 & 3阶段提交 & TCC
查看>>
android之网格布局和线性布局实现注册页面
查看>>
BZOJ 1014: [JSOI2008]火星人prefix( splay + hash )
查看>>
js /jq 写 全选 反选 不选
查看>>
spring + springmvc + jdbc + quartz + maven整合
查看>>
Android EditText 应用小小结
查看>>
关于分布式事务的读书笔记
查看>>
回调函数通俗解析(之前看了很久都不理解,今天终于ok啦)
查看>>
MySQL 事务
查看>>
(原创)c++11改进我们的程序之垃圾回收
查看>>
IDEA插件(Android Studio插件)开发示例代码及bug解决
查看>>
作业三-6
查看>>
Unity3d 脚本与C#Socket服务器传输数据
查看>>