Thread: jQuery setTimeOut method
View Single Post
Old 10-14-2012, 06:58 AM   PM User | #2
rnd me
Senior Coder

 
rnd me's Avatar
 
Join Date: Jun 2007
Location: Urbana
Posts: 3,469
Thanks: 9
Thanked 466 Times in 450 Posts
rnd me is a jewel in the roughrnd me is a jewel in the roughrnd me is a jewel in the rough
Quote:
I am trying to animate (increase) the height of the pageFooterContent div on mouseenter, and decrease it on mouseleave.
you can do that in css:
Code:
#pageFooter #pageFooterContent {
	     -o-transition-property:"height" ;
		   -moz-transition-property:"height" ;
		-webkit-transition-property:"height" ;
		        transition-property:"height" ;
	     -o-transition-duration:800ms ;
		   -moz-transition-duration:800ms ;
		-webkit-transition-duration:800ms ;
		        transition-duration:800ms ;
	     -o-transition-delay:500ms ;
		   -moz-transition-delay:500ms ;
		-webkit-transition-delay:500ms ;
		        transition-delay:500ms ;
	height		 : 0px ; 
}


#pageFooter:hover #pageFooterContent {
	     -o-transition-property:"height" ;
		   -moz-transition-property:"height" ;
		-webkit-transition-property:"height" ;
		        transition-property:"height" ;
	     -o-transition-duration:800ms ;
		   -moz-transition-duration:800ms ;
		-webkit-transition-duration:800ms ;
		        transition-duration:800ms ;
	     -o-transition-delay:500ms ;
		   -moz-transition-delay:500ms ;
		-webkit-transition-delay:500ms ;
		        transition-delay:500ms ;
	height		 : 250px ; 
}
__________________
my site (updated 5/13)
STATS (2013/5) HTML5:90.2% MOB:14% IE7:0.5% IE8:8.6% IE9:9.8% IE10:10%
rnd me is offline   Reply With Quote
Users who have thanked rnd me for this post:
gilmeragency (10-14-2012)