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

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: .

 JS：

.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按钮没有恢复成原来的样子。麻烦各位帮忙看看是哪里出错了吗？ 万分感谢！