After Installation:

1. Add an auto-nav to your page and configure it to show the part of your site tree you want in the accodian. 
2. Update/save the block and go back to edit mode where you're looking at the page and highlighting blocks.
3. Click the auto-nav you just added, but instead of edit, hit Custom Templates
4. Choose an accordion template and enjoy.

Custom Attributes:

After applying the 'Accordion Menu Attribute' template within the 'Custom Template' section of the 'Auto-Nav' block options, now you need to set-up your 'Accordion Menu' attributes for the custom backgrounds and text colours for each menu item.

Ok, where are they? They are located within Dashboard / Sitemap / Attributes (single click on selected page). You will see the attributes 'Accordion Menu Background' and 'Accordion Menu Text'.

Below you will see example code for the above attributes, this is aimed at users who dont have CSS experience to push you in the right direction;

Accordion Menu Background. Learn more?

// This is setting an image, position, repeat and colour in that order
url(/images/construction/main-background.gif) center center repeat #fff

Accordion Menu Text Colour Example. Learn more?

// This is red in HEX colour value
#cc0000

Accordion Menu Stand-In URL's.

A stand-in URL can be used to disable the root page URL or a parent (contains sub pages). You can also add custom URL's so the page acts similar to a when you add an 'External Link' in site map. To enable this feature simply;

1. Navigate to the 'Sitemap' and single click on a page.
2. Enter the page 'Properties'.
3. Select the 'Accordion Menu Stand-In URL' attribute.
4. Enter the value '#' or a 'http://' URL.
5. Save and Exit your changes.

The Accordion menu will now reconise you have set a stand-in URL and kick this into action.

To Disable URL enter '#' or 'javascript.void(0)' into the stand-in URL input.
To add a custom URL,  enter a valid URL starting with 'http://'.