Text effect in jquery

Text effect in jquery

I created the notification bar with the text effect everything seems ok
but when i add the text effect like moving from left to right in that it
seems work when in first time and after that it looks like this way see
the FIDDLE
jQuery('.text').animate({
'right': '300px'
}, 'slow', 'linear').animate({
'left': '300px'
}, 'slow', 'linear').animate({
'left': '0',
'right': '0',
});
For the second time when i click expand it appears from center to right
when i refreshing the page itself it appear properly for the first time.
Is there is a way to show the message as from left to right to center
whenever i open the bar.
Thanks in Advance.