手风琴特效的按钮怎么实现点击后更换

[卖辣鸡腿]

HTML：
<div class="tdg2-peo">
<div class="tdg2-peo-top">
<span>郑杰雄</span>
<span class="td-job">技术战略官</span>
<div class="td-close2" onclick=""></div>
</div>
<p class="tdg2-peo-bottom" >111111</p>
</div>


CSS:
.td-close2{
background-image:url(../images/tdgl-bottom1.png);
width:17px;
height:7px;
position:absolute;
right:0px;
bottom:8px;
cursor:pointer;
}
.td-open2{ background-image:url(../images/tdgl-top1.png)}

JS：
$(".tdg2-peo-top").click(function(){
$(this).nextAll(".tdg2-peo-bottom").slideToggle(200).parent().siblings().children(".tdg2-peo-bottom").slideUp(200);
$(this).children(".td-close2").toggleClass("td-open2").siblings(".tdg2-peo-top").removeClass("td-open2")
});


手风琴特效 已经能够实现点击1的时候展开再点击按钮变回原来的样子后收缩起内容。但是就是点击2时1内容能正常收起但是1按钮没有恢复成原来的样子。麻烦各位帮忙看看是哪里出错了吗？ 万分感谢！

[卖辣鸡腿]

麻烦各位帮忙看看这问题

[天际的海浪]

$(this).children(".td-close2").toggleClass("td-open2").parent().parent().siblings().find(".td-open2").removeClass("td-open2")

[卖辣鸡腿]

求帮助