Hi Robin,

You can always control the Sub Level arrows by a new CSS class.  You
can get the extra class into your nav via jQuery without needing to
edit Joels script, by just adding...

$(document).ready(function(){

 // normal Superfish Call
 $("ul.nav").superfish({
  hoverClass    : "sfHover",
  delay         : 750,
  animation     : {opacity:"show"},
  speed         : 250
 });

 // navigation add subfish to indicate more navigation
 $('.nav li li:has(ul) > a').addClass('subfish');

});

Then just edit your CSS by adding...

.nav a.subfish {background:url(nav-bg-sub-fish.png) no-repeat;}
.nav a.subfish:focus,.nav a.subfish:hover,.nav a.subfish:active
{color:#347094;background:url(nav-bg-sub-sub.png) no-repeat 0 -24px;}

Obvioulsy changing names and variables as you need.

Its all in the CSS not so much the script at all.

I have an example http://jquerystuff.net/random/superfish/ if that
helps explain.

Cheers
Stephen

Reply via email to