append a DIV and animate it
<pre><code>    $(document).ready(function(){


function anima() {  
      $(".box").stop().animate({bottom:'0px'},{queue:false,duration:160});
}


$('ul#aa img').hover(function(){
$(this).parent().append("&lt;div class='box'&gt;Artist&lt;br/&gt;More&lt;/div&gt;", anima());
}, function() {
$(".box").stop().animate({bottom:'-100px'},{queue:false,duration:160, complete: function(){
$('.box').remove();}    });

});

&lt;ul id="aa"&gt;&lt;li id="bb"&gt;
    &lt;img src="delete.jpg"title="one|date|location|detail"/&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>trying to add div box on hover, then making it slide up [this part works] but then on mouse out i want to animate down and remove the div [doesnt work, just removes, doesnt animate]</p>

<p>also $('#caption', this) 
what does this call? caption in side this element?</p>
