In the menus here: http://vanilla-spa.homeholistics.com/treatments.htm , only the nested menu at the top auto-closes when you click another item. The main items remain open until you click them again. I don't think this is the default behaviour (I want only one item open at a time) but can't find much documentation for this plugin.
Can anybody spot my mistake, please? Code snips: ......................................................... jQuery('.item').accordion({ header: 'h2', active: false, alwaysOpen: false, autoheight: false }); jQuery('.multi').accordion({ header: 'h3', active: false, alwaysOpen: false, autoheight: false }); ......................................................... <div id="leftnav"> <div class="item"> <h2><a name="Facials">Facials</a></h2> <div class="multi"> <h3><a name="Rejeuvenation_Facial">Rejuvenation Facial</a></h3> <p>blah blah</p> .............. etc ........... <h3><a name="Quick_Facial">Mini Facial</a></h3> <p>blah blah</p> </div><!-- end multi --> </div><!-- end item --> <div class="item"> <h2><a name="Hair_Removal">Waxing</a></h2> <div class="description"> <p>blah blah</p> </div><!-- end description --> </div><!-- end item --> <div class="item"> <h2><a name="Manicure_Pedicure">Hands & Feet</a></h2> <div class="description"> .............. etc ........... ......................................................... thanks Cherry