Slide in a new element

by ChrisStanyon

HTML

<ul id="myList">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>

<button id="clickMe">Click Me</button>

JavaScript

$('#clickMe').click(function() {
    //create the new element
    myLI = $('<li>').text('New LI').css('display','none');

    //Add the new element and slide it into view
    myLI.appendTo('#myList').slideDown();
});