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

Question

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

Answer 1

        $(this).children(".td-close2").toggleClass("td-open2");

        $(this).parent().siblings().children(".tdg2-peo-top").children(".td-close2").removeClass("td-open2");

你看這樣可以？