Hi, Thanks to Joel for creating Superfish. It has eliminated many headaches for me. My implimentation is almost complete, but my lack of javascript knowledge is showing (the CSS is tough enough for me).
I have a <ul> like so: <ul> <li><span>first category</span> <ul> <li>item 1</li> <li>item 2</li> </ul> </li> <li><a href="/second/">first category</a> <ul> <li>item 1</li> <li>item 2</li> </ul> </li> <li> <a href="/">Home</a> </li> </ul> I would like to automatically put an arrow next to "first category" as well as "second category" but superfish only seems to put arrows next to links. I assume I need to change this: addArrow = function($a) { $a.addClass(c.anchorClass).append($arrow.clone()); }; or this (the addArrow section): return this.each(function() { var s = this.serial = sf.o.length; var o = $.extend({},sf.defaults,op); o.$path = $ ('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){ $(this).addClass([o.hoverClass,c.bcClass].join(' ')) .filter('li:has(ul)').removeClass(o.pathClass); }); sf.o[s] = sf.op = o; $('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() { if (o.autoArrows) addArrow( $('>a:first-child',this) ); }) .not('.'+c.bcClass) .hideSuperfishUl(); var $a = $('a',this); $a.each(function(i){ var $li = $a.eq(i).parents('li'); $a.eq(i).focus(function(){over.call($li);}).blur(function() {out.call($li);}); }); o.onInit.call(this); Any help would be very much appreciated. -Joe