Building on the Quick Start example, you can create a vertical iPod-style menu that opens nested menu items in place and offers a Back button using the mode and orientation options.
- In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which changes the orientation to vertical, and the mode to sliding.
Drop down and copy script to paste in <head> section
| Script |
Copy Code
|
<script type="text/javascript">
$(document).ready(function () {
$("#menu").wijmenu({
orientation: "vertical",
mode: "sliding"
});
});
</script> |
- No changes are necessary in the <body> section of your HTML file. The basic <ul> tags are sufficient to create the menu.
- Save your HTML file and open it in a browser. The menu appears like the live widget below.
See Also
Widgets
Reference
Show All
Hide All