jQuery点击收缩展开滑动显示内容竖直手风琴代码

时间:2023-03-09 09:02:09
jQuery点击收缩展开滑动显示内容竖直手风琴代码

<div class="position">
<div class="positiontop">
<span class="mr100">招聘职位:高级开发工程师</span>
<span>工作地址:北京、济南</span>
<span class="lookmore fright">查看详情
<img src="data: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");
});