Accordion style left navigation examples
Built into the new KU template is the ability to do "accordion", or folding menus such as the ones to the left. Accordion menus are convenient because they allow you to present a lot of links without taking up a lot of space.
Before using the accordion menus, you must include the correct javascript libraries in your "myheader.shtml" page. To do this, add the following 2 lines of code to your "myheader.shtml" file.
<!--#set var="myjs" value="https://webmedia.ku.edu/js/jqueryui/1.7.1/ui.core-1.7.1.js" -->
<!--#set var="myjs2" value="https://webmedia.ku.edu/js/jqueryui/1.7.1/ui.accordion-1.7.1.js" -->
<!--#set var="myjs3" value="https://webmedia.ku.edu/js/ku/kuaccordion_2009.js" -->
To the left are four examples styles that you can use by following their code below. You can also define your own stylesheet for the accordion menus.




top