<div class="messageWrapper">  <div class="newMessage">  <div class="messageTop"><span class="messagePic"><img src="img/newMessage.png"/></span>  <span class="messageTitle">喜讯士大恭喜恭喜</span><span class="messageSendTime">2014.12.07</span></div>  <div class="messageDetail">恭喜你在天天生活助理中心抽奖活动中获得了价值100元的礼品</div>  </div>  <div class="messageDelete">删除</div>  </div>  <div class="messageWrapper">   <div class="newMessage">  <div class="messageTop"><span class="messagePic"><img src="img/newMessage.png"/></span>  <span class="messageTitle">喜讯士大恭喜恭喜</span><span class="messageSendTime">2014.12.05</span></div>  <div class="messageDetail">恭喜你在天天生活助理中心抽奖活动中获得了价值100元的礼品</div>  </div>  <div class="messageDelete">删除</div>  </div>

<style>.newMessage{    border-bottom:1px solid #ccc;    }.messageTop{    margin:5px auto auto 5px;    }.messageSendTime{    margin:auto 5px auto 20px ;    }.messageDetail{    margin:10px 10% auto 5%;    }.messageTitle{    font-weight:bold;}.messageDelete{    display:none;    font-size:14px;    width:85px;    background:#FF0000;    padding-left:25px;    padding-right:25px;}</style>

    /*点击显示删除按钮   "height":buttonHeight, */    $(".messageWrapper").click(function(){        var buttonheight=$(".newMessage").height()        var buttonHeight=buttonheight/4+‘px‘;        $(".messageDelete").css({"padding-top": buttonHeight,"padding-bottom":buttonHeight});            $(this).children(".messageDelete").toggle(); });