Show div and fade it out

jQuery

by Itay

HTML

<input type="button" value="Add Item" id="mybutton">

<div class="fade_div">Successfully Added!</div>

CSS

.fade_div {
    display: none;
    position: fixed;
    background-color: yellow;
    border: 1px solid black;
    bottom: 20px;
    right: 20px
}

JavaScript

$('#mybutton').click(function(){
    $('.fade_div').finish().show().delay(1000).fadeOut("slow");
});