JQuery second-level menu, displaying a small class at a time

JQuery second-level menu, displaying a small class at a time

In this example, there are two other associated cases. The demo addresses are 2.php and 3.php respectively.

Demo

XML/HTML Code

3. Form
4. • Horizontal CSS Menus
   • Vertical CSS Menus
   • Image CSS
   • Form CSS
6. Navigation menu
7. • CSS Gallery
   • Menu Gallery
   • Web Design News
   • CSS Examples
   • CSS Compressor
   • CSS Forums
9. Paging
10. • Free JavaScripts

12. JavaScript Code
    1. <Script type = "text/javascript">
    4. Ddaccordion. init ({
    5. Headerclass: "expandable", // Shared CSS class name of headers group that are expandable
    6. Contentclass: "categoryitems", // Shared CSS class name of contents group
    7. Revealtype: "click", // Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
    8. Mouseoverdelay: 200, // if revealtype = "mouseover", set delay in milliseconds before header expands onMouseover
    9. Collapseprev: true, // Collapse previous content (so only one open at any time )? True/false
    10. Defaultexpanded: [0], // index of content (s) open by default [index1, index2, etc]. [] denotes no content
    11. Onemustopen: false, // Specify whether at least one header shocould be open always (so never all headers closed)
    12. Animatedefault: false, // shocould contents open by default be animated into view?
    13. Persiststate: true, // persist state of opened contents within browser session?
    14. Toggleclass: ["", "openheader"], // Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    15. Togglehtml: ["prefix", "", ""], // Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1 ", "html2"] (see docs)
    16. Animatespeed: "fast", // speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
    17. Oninit: function (headers, expandedindices) {// custom code to run when headers have initalized
    18. // Do nothing
    19. },
    20. Onopenclose: function (header, index, state, isuseractivated) {// custom code to run whenever a header is opened or closed
    21. // Do nothing
    22. }
    23. })
    26. </Script>
        
        Address: http://www.freejs.net/article_daohangcaidan_146.html