How to use the JQuery superfish menu in combination with Nat Skin?

http://plugins.jquery.com/project/Superfish

I have installed TWiki 4.2.3 with the latest Nat Skin version. There are css classes with superfish apparently to be used in combination with JQuery plugin. But unfortunately there is no example how to integrate it in Foswiki (usually in the TWikiWebButtons topic). Please could somebody provide an example! Thanks in advance!

Is there really nobody out there, who knows it? Why is it in CSS then?

-- WolfMarbach

I'm myself not familiar with superfish menus but from what I have seen it generates nenus from a ul list. The trick is probably to have children in your bullet list on TWikiWebButtons. Top level bullet points will be rendered as buttons or root of your drop down menu and children bullet points will be items in your drop down menus. Just doing some guess work here really.

-- StephaneLenclud - 09 Dec 2008 - 09:13

Thanks Stephane, but that's what I tried and it didn't work. I know that here are some people around who know how to and wonder why they do not insert an example. It would be of interest for many other users as well.

-- WolfMarbach

Sorry it didn't help. Just be patient, most core developer must be dead busy with the forthcoming first foswiki release.

-- StephaneLenclud - 10 Dec 2008 - 10:40

I got it running myself yesterday.

-- WolfMarbach

How does it work then? Can you give us some insight?

-- StephaneLenclud - 11 Dec 2008 - 10:22

For you Stephane:

%JQSCRIPT{"jquery.superfish"}%
<ul style="background-color:#E6E6FA">
<li>Test
   <ul><li>Nexttest</li></ul>
</li>
<li>Test2</li>
</ul>

-- Wolf

Nested lists in WebButtons are superfish'ed automatically. If you need a more specific superfish menu, you will have to create your own css for it and then follow the docu of jquery.superfish itself.

-- MichaelDaum - 13 Jan 2009