I tried using selecting ("ul",this) as well and both seem to work in FF with
the fade as expected. Here is the full source.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="../../js/jquery-1.0.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ var sfEls = $("#nav li"); if( document.all ) { sfEls.hover( function(){ $(this).addClass("sfhover"); }, function(){ $(this).removeClass("sfhover"); } ); } sfEls.hover( function(){ $("ul", this).fadeIn("fast"); }, function() { } ); }); </script> <style type="text/css"> #nav, #nav ul { float: left; width: 36em; list-style: none; line-height: 1; background: white; font-weight: bold; padding: 0; border: solid #eda; border-width: 1px 0; margin: 0 0 1em 0; } #nav a { display: block; width: 10em; w\idth: 6em; color: #7C6240; text-decoration: none; padding: 0.25em 2em; } #nav a.daddy { background: url(../../img/icons/arrow_right.gif) center right no-repeat; } #nav li { float: left; padding: 0; width: 10em; } #nav li ul { position: absolute; left: -999em; height: auto; width: 14.4em; w\idth: 13.9em; font-weight: normal; border-width: 0.25em; margin: 0; } #nav li li { padding-right: 1em; width: 13em } #nav li ul a { width: 13em; w\idth: 9em; } #nav li ul ul { margin: -1.75em 0 0 14em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { background: #eda; } </style> </head> <body> <ul id="nav"> <li> # Percoidei <ul> <li> # Remoras <ul> <li> # Echeneis </li> <li> # Phtheirichthys </li> <li> # Remora </li> <li> # Remorina </li> <li> # Rhombochirus </li> </ul> </li> <li> # Tilefishes </li> <li> # Bluefishes </li> <li> # Tigerfishes </li> </ul> </li> <li> # Anabantoidei </li> </ul> </body> </html> I appreciate the help very much. Thank you. -- View this message in context: http://www.nabble.com/Suckerfish-conversion-tf2297242.html#a6410330 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
