Hello everybody, I have a problem with fadeIn/fadeOut in Firefox 1.5/2.0.
I tried to program a simple drop-down menu with jQuery und use the fadeIn animation to show the sub-menu. The sub-menu is not completely faded in, though. A small part is faded and the rest unfolds as in the Interface Unfold Effect. Yet, it does work on the same page on a simple p... Does somebody know this behaviour and can help? Here my test-page: [code] <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="de-DE"> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function () { $("#menu li").hover( function () { $(this).addClass("sfClass"); $("ul", this).fadeIn("fast"); }, function () { $(this).removeClass("sfClass"); } ); $("p").fadeIn("slow"); }); </script> <style type="text/css"> #menu ul { padding: 0; margin: 0; } #menu li { position: relative; display: block; float: left; background-color: #e1e1e1; } #menu ul ul { position: absolute; top: -999em; margin: -10px; padding: 12px; } #menu li.sfClass ul { top: auto; } #menu ul ul li { float: none; white-space: nowrap; } </style> </head> <body> <div id="menu"> <ul> <li>Test 1 <ul> <li>Test 1.1</li> <li>Test 1.2</li> </ul> </li> <li>Test 2</li> <li>Test 3 <ul> <li>Test 3.1</li> <li>Test 3.2</li> </ul> </li> </ul> </div> <br /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed lacus ligula, egestas id, vehicula non, luctus et, urna. Ut congue viverra eros. Praesent in nunc. Integer ac est congue turpis porttitor tristique. Nunc sit amet enim. Integer sed tellus. Nunc magna lorem, laoreet ultricies, ullamcorper sed, pharetra aliquet, massa. Suspendisse mollis augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut dui. Ut nec arcu vitae lorem ultricies condimentum. Ut vel orci nec quam porta feugiat. Sed fringilla ligula eget dolor. Phasellus ullamcorper ultricies leo. Mauris urna. Maecenas augue libero, molestie quis, facilisis ut, volutpat a, nisl.</p> </body> </html> [/code] Thank you very much! XriS -- View this message in context: http://www.nabble.com/fadeIn-fadeOut-in-Firefox--tf2382298.html#a6639437 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
