Thanks for any feedback or further information...
- Chris
Here is the commented documentation that she includes in her code for Nested Accordian:
///////////////////////////
// The accordions should have class="accordion" (we can override this class name)
// The plugin is called on its closest named container. In this way, we can initialize all the accordions residing in a given section with just one call.
// The plugin can be invoked, for example, like this:
/* ---
$(function() {
// If the closest named container = #container1
/// Standard nested lists:
$('#container1').accordion();
// this will expand the sub-list with "class=current", when the accordion is initialized:
$('#container1').accordion({initShow : "ul.current"});
/// N.B. When using event : 'hover', it is needed an additional plug-in that binds a "hover" handler with a small delay.
// this will expand/collapse the sub-list when the mouse hovers over the trigger element:
$('#container1').accordion({event : "hover", initShow : "ul.current"});
// If the closest named container = #container2
/// Nested Lists + Headings + DIVs:
$('#container2').accordion({el: '.h', head: 'h4, h5', next: 'div'});
$('#container2').accordion({el: '.h', head: 'h4, h5', next: 'div', initShow : 'div.outer:eq(0)'});
/// Nested DIVs + Headings:
$('#container2').accordion({obj: 'div', wrapper: 'div', el: '.h', head: 'h4, h5', next: 'div.outer'});
$('#container2').accordion({objID: '#acc2', obj: 'div', wrapper: 'div', el: '.h', head: 'h4, h5', next: 'div.outer', initShow : '.shown', shift: 'all'});
});
--- */