/ Published in: jQuery
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
<ul> <li> <div> <h3>18.03.2010 Headline</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p><a href="#">Artikel �¶ffnen</a></p> </div> </li> </ul> $("li").hover(function() { $(this).find("div").animate({ bottom: 0, backgroundColor: "lightgreen" }, { duration: 300, easing: "easeOutCirc", queue: false }); }, function() { $(this).find("div").animate({ bottom: "-40px", backgroundColor: "#999" }, { duration: 300, easing: "easeOutCirc", queue: false }); });
URL: http://jsfiddle.net/qXqSV/3/