How can I improve the sliding effect on my website header?

Use jQuery queue method to chain the animations.

Use jQuery "queue" method to chain the animations.

$(function(){ $("#one,#two,#three,#four,#five"). Hover(function(){ $(this).stop(). Animate({height: "100%", width: "100%"}, {queue:false, duration:111}); },function() { $(this).stop().

Animate({height: "44px", width: "44px"}, {queue:false, duration:333}); }); }); So you can skip an additional loop.

Finally, I improve the effect with this trick: css-tricks.com/examples/jQueryStop/ However, I would haver prefer . Animate instead of . SlideDown/Up so I can add CSS properties.

Anyway, the animation is smooth and I'm satisfied. Thank you for your advices and improvements!

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.