Jquery多个通知消息

我正在尝试创建stackoverflow类型的通知消息。我从其他帖子中找到了所需的大部分代码,但如果使用多个通知,则无法关闭邮件。理想情况下,如果三个盒子中的第二个盒子关闭了,那么它就会消失,而第三个盒子将取代第二个盒子

    <div class="message" style="display: none;">
        <span>Hey, This is my Message.</span>
        <a href="#" class="close-notify">X</a>
    </div>

     <div class="message" style="display: none;">
        <span>Hey, This is my Message.</span>
        <a href="#" class="close-notify">X</a>
    </div>

     <div class="message" style="display: none;">
        <span>Hey, This is my Message.</span>
        <a href="#" class="close-notify">X</a>
    </div>

CSS

div.message {
    font-family:Arial,Helvetica,sans-serif;
    float: left;
    left:0px;
    width:100%;
    height:15px;
    text-align:center;
    font-weight:bold;
    font-size:100%;
    color:white;
    padding:10px 0px 10px 0px;
    background-color:#8E1609;
}

.message span {
    text-align: center;
    font-size:1.1em;
    width: 95%;
    float:left;
}

.close-notify {
    white-space: nowrap;
    top: 0px;
    font-size:1.1em;
    float:right;
    margin-right:10px;
    margin-top: -15px;
    color:#fff;
    text-decoration:none;
    border:2px #fff solid;
    padding-left: 6px;
    padding-right: 6px;

}

JQuery公司

<script type="text/javascript">
    $(document).ready(function() {
        $(".message").fadeIn("slow");
        $(".message a.close-notify").live('click', function() {
            $(this).parent().fadeOut('fast', function() { $(this).parent().remove(); });
            return false;
        });
    });
 </script>