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 &amp; Feet</a></h2>
         <div class="description">                    ..............
etc ...........

.........................................................

thanks
Cherry

Reply via email to