$(function(){
		   var width1=$(".tipDetail").width();
		   var height1=$(".tipDetail").height();
		   var left;
		   var top;
		   $(".tip").click(function()
				{
					$(".tipDetail").stop(true,true).hide();
					var id=jQuery(this).attr("rel");
					
					left=$(this).position().left+$(this).width();
					top=$(this).position().top;
					$(id).css("width",0);
					$(id).css("height",0)
					$(id).css("left",left);
				 	$(id).css("top",top);

					
					$(id).animate({width: width1,height:height1,left:left-width1,top:top-height1},{duration:500});
					
				});
		   
			
			$("#close").click(
				function()
				{
					
					$(".tipDetail").stop(true,true).hide();
					$(".tipDetail").animate({width: 0,height:0,left:left,top:top},{duration:500});
					
				});
		   

		   
		   })