Step 1
Make a div with the following:
Code: Select all
<div class="nav"></div>
Step 2
Add the levels and links:
Code: Select all
<div class="nav">
*[[Example1]]
**[[Example1DropDown1]]
**[[Example1DropDown2]]
***[[Example1DropDown2SubTab1]]
*[[Example2]]
*[[Example3]]
</div>
In this example Example1-3 would be visable, if the user hovers over "Example 1" it's 2 drop down tabs appear under it. If the user then hovers over "Example1DropDown2" another sub tab appears next to it. Of cause the links can be any page, use regular wiki syntax.
Known bugs:
- If on a page that a first level (visable without mousing over) tab links to all sub-tabs and dropdowns won't open for that tab. I don't know why and I'm looking to fix that.
Stupid mediawiki stopping self-links. It can be fixed by using actual URL's however that takes more work than regular wiki syntax.