Infinity Notification Test

by parkji

HTML

<ul id="notification">
    <li class="noti"></li>
    <li class="noti"></li>
    <li class="noti"></li>
</ul>

CSS

#notification {
    
}
.noti {
    height: 50px;
    background: #000000;
    border-bottom: 1px solid red;
}

JavaScript

$('.noti').click(function() {
    $(this).hide('slide', {direction:'up'}, 1000, function() {
        $(this).before('<div style="height:51px;" class="placeholder">');
        $(this).after('</div>');
        $(this).remove();
        $('.placeholder').slideUp(function(){
            $(this).remove();
        });
    });
});