Problème d'accordéon Jquery - Imbrication

Question

J'ai réussi à créer quelques listes déroulantes d'accordéon, mais quand je vais nicher un accordéon avec un accordéon, Internet Explorer devient fou (mais Firefox, Chrome, etc. et accordéon imbriqué).

Voici un exemple de l'accordéon simple (entièrement fonctionnelle):

<div id="productdd"> 
     <h3><a href="#">Fire Pump Controllers </a></h3> 
      <div> 
      <ul> 
      <li class="general"><a href="General Controller.html">General Selection Information</a></li>     
      <li class="colors"><a href="Variable Speed.html" ><b>ECV </b><p class="black">- Variable Speed Controller</p></a></li> 
      <li class="colors"><a href="EC Controller.html" ><b>EC</b><p class="black"> - Enhanced Controller</p></a></li> 
      <li class="colors"><a href="MC Controller.html" ><b>MC</b><p class="black"> - Motor Drive Controllers</p></a></li> 
      <li class="colors"><a href="Diesel Controller.html" ><b>DMC</b><p class="black"> - Diesel Controller</p></a></li> 
      </ul> 
      </div> 
<div> 

Et voici un exemple de ce que je travaille sur la version imbriquée:

 <div class="accordiondd"> 
     <h3 class="indenting"><a href="#">EC Drawings</a></h3> 
      <div> 
       <ul class="right2"> 
       <div class="accordiondd"> 
        <h3 class="secondaryh3"><a href="#"> General</a></h3> 
         <div> 
          <ul class="right2a"> 
           <a href="PDFs/EC/WB12098.doc" target="_blank"> 12098 - EC*: <p class="black3"> Order Selection Sheet </p></a> 
          </ul> 
         </div>      
        <h3 class="secondaryh3"><a href="#"> Dimensionals </a></h3> 
         <div> 
          <ul class="right2a"> 
           <a href="PDFs/EC/ECA,ECP,ECO std DIM 12001.pdf"target="_blank"> 12001 - ECA/ECO/ECP: <p class="black3"> 24" Wide x 64" High x 13" Deep - 1 Bay Enclosure</p></a> 
          </ul> 
         </div>              
       </div> 
       </ul> 
      </div>    
    </div> 

Si quelqu'un a une idée de pourquoi tous les navigateurs, mais IE travaillerait avec ce code laissez-moi savoir! Il me rend fou, (Et merci, je vraiment vraiment apprécier

EDIT:

code Jquery pour accordéon seul:

$(function() { 
$("#productdd").accordion({autoHeight: false,collapsible: true,active: whichToOpen}); 
}); 

code Jquery pour accordéon imbriqué:

$(document).ready(function() { 
$(".accordiondd").accordion({autoHeight:false,collapsible:true,active:false}); 
}); 

Answer 1

!

Ceci est un plan long, mais pouvez-vous essayer d'ajouter header: 'h4' à votre script d'accordéon imbriqué et en remplaçant le 'h3 interne avec' h4?