hi,i am new to jquery and i been playing around and getting where i wanna be in getting the thing done bt i am stuck on one place. i want my code animation to stop after it reaches whts in hover and return to normal state when its out. but it keeps on playing in loop. here is my code
Code JavaScript:
$(document).ready(
                function(){
                    $('#conatiner').hover(function(){
                        $('.caption').animate({'bottom':0},6000,"swing"),
                        //alert('its working');
                        $('.caption').animate({'bottom':-100},6000,"swing")
                    })
                }
also i am confused on what this keywords this mean in jQuery and do. please help me