[jQuery] Accordion: missing auto-close
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>
blah blah
.............. etc ...........
<h3><a name="Quick_Facial">Mini Facial</a></h3>
blah blah
</div><!-- end multi -->
</div><!-- end item -->
<div class="item">
<h2><a name="Hair_Removal">Waxing</a></h2>
<div class="description">
blah blah
</div><!-- end description -->
</div><!-- end item -->
<div class="item">
<h2><a name="Manicure_Pedicure">Hands & Feet</a></h2>
<div class="description"> ..............
etc ...........
.........................................................
thanks
Cherry