scrollDownTest

like a boss!

by individual11

HTML

<form id="form">
    <input type="text" id="input" />
</form>
<ul id="items">
    
</ul>

CSS

ul{
    list-style:none;
   margin-top:10px; 
}

.newItem{
    //opacity:0.0;
    display:none;
    background:#ccc;
    margin-top:2px;
    width:200px;
}

JavaScript

$('#form').submit(function(e){
    $val = $('#input').val();
    if ($val.length) {
        $('#items').prepend('<li class="newItem">' + $val + '</li>');
        $('#items li').first().show(300).delay(100).fadeTo('fast', 1.0);
        $('#input').val('');
    }
    return false;
});