XXXX

  <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();
 });