Building on the Quick Start example, you can change default horizontal menu to a vertical one using the orientation option.
- In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which changes the orientation option to make the menu vertical.
Drop down and copy script to paste in <head> section
Script |
Copy Code |
<script type="text/javascript">
$(document).ready(function () {
$("#menu").wijmenu({
orientation: "vertical"
});
});
</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