What is an unordered list?Unless you apply style sheets to it may look like this:
- A node
- Another node
- A node that is one level down
- Another node one level down
- A node on the first level
- A node one level down
- A node on the third level
- Another node on the third level
- I'm a node and I'm on level 2
- I'm a link
By the way. The meny on top of this site is also an unordered list.
Can the menu slide or fade in and out?
Probably, but due to personal preferences it doesn't.
How can it be configured?
// You can change the timeout before the expansion occurs
$(document).ready(function(){
var m = new n2menu("#myMenuRootId");
m.hoverTimeout = 0; // no delay
m.initMenu();
});
What classes can I use to apply style sheets?
Read this page.
The menu is expanded while the page loads and doesn't work when JS is disabled. Any plans to fix these issues?
I'd really like to. Unfortunately I can't see how both these issues can be solved together. Consider these possibilities:
- If you don't want the whole list expanded on startup change the CSS everywhere from .initialized to .n2menu (the class initialized is assigned by the javascript once the menu is set up).
- If you want the menu to be usable without javascript you can use the absence of the initialized class to supply a fallback interface.
- Not doing the initialization from the page onload event but rather right below the menu html:
<div class="n2menu">
<ul>...menu structure...</ul>
</div>
<script type="text/javascript">
n2menu.init(".n2menu");
</script>
Which browser has it been tested with?
- IE 6 & 7
- Mozilla Firefox 1.5 & 2