مشکل در انیمیشن در jQuery

سلام دوستان

یک مشکلی دارم اونم اینه که یک انیمیشنی در یک قسمت ایندکسی تعریف کردم ولی وقت یک بار تکرار میشه در حالی که بعد از هر بار هاور و لیو دادن موس باید تکرار بشود
کد مربوط به انیمیشن :

$("#contact").mouseenter(function(){					$("#toltop").show(1000).fadeIn(1000).animate({widt  h:'210px',left:'0px',},1000,'easeOutBounce',functi  on(){

				    $(".makmatt").show(500).fadeIn(500);

					$(".makmatt2").show(500).fadeIn(500);

						});





					});

				 

				 $("#contact").mouseleave(function(){

			        $(".makmatt").hide(500).fadeOut(500);

					$(".makmatt2").hide(500).fadeOut(500);

			    	$("#toltop").animate({width:'0px',left:'0px',},100  0,'easeOutBounce',function(){hide(1000).fadeOut(10  00)});

					 });

دمو :http://amirsina.tk/test/

و اینم بگم که انیمیشن مربوط به قسمتی هست که ایدی کانتکت (#contact) داره و اون قسمتی که ظاهر میشه مینویسه about کلیک کنید اون فقط یک بار انجام میشه

دوستان عزیز زحمت نکشید خودم مشکلو حل کردم ;)