[jQuery] Persistent Parent for SuckerFish
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000000">
<font face="Arial">Hi all,
We are currently using Suckerfish
(<a class="moz-txt-link-freetext" href="http://alistapart.com/articles/dropdowns/">http://alistapart.com/articles/dropdowns/</a>) and are struggling to
highlight the parent of an active sub-item.
Take the following HTML as an example:
<ul>
</font> <<span class="start-tag">li</span>><<span
class="start-tag">a</span><span class="attribute-name"> href</span>=<span
class="attribute-value">"#"</span>>Parent</<span class="end-tag">a</span>>
<<span class="start-tag">ul</span>>
<<span class="start-tag">li</span>><<span
class="start-tag">a</span><span class="attribute-name"> href</span>=<span
class="attribute-value">"#"</span>>Child 1</<span class="end-tag">a</span>></<span
class="end-tag">li</span>>
<<span class="start-tag">li</span>><<span
class="start-tag">a</span><span class="attribute-name"> href</span>=<span
class="attribute-value">"#"</span>>Child 2</<span class="end-tag">a</span>></<span
class="end-tag">li</span>>
<<span class="start-tag">li</span>><<span
class="start-tag">a</span><span class="attribute-name"> href</span>=<span
class="attribute-value">"#"</span>>Child 3</<span class="end-tag">a</span>></<span
class="end-tag">li</span>>
<<span class="start-tag">li</span>><<span
class="start-tag">a</span><span class="attribute-name"> href</span>=<span
class="attribute-value">"#"</span>>Child 4</<span class="end-tag">a</span>></<span
class="end-tag">li</span>>
</<span class="end-tag">ul</span>>
</<span class="end-tag">li</span>>
</ul>
<font face="Arial">
So, when hovering over a child, we want to add "class=active" to the
parent anchor.
I've tried lots of combos, but am failing and believe it is simpler
than my complicated attempts are attempting.
Any help would be greatly appreciated.
Thanks
</font>
</body>
</html>