Jquery Accordion Trouble - Nesting

Question

私は首尾よくいくつかの単一のアコーディオンドロップダウンを作成しましたが、アコーディオンでアコーディオンをネストしようとすると、インターネットエクスプローラはナッツになります（しかし、Firefox、Chromeなどはシングルネストされたアコーディオン）。ここで

は、単一のアコーディオン（完全に機能）の例である：誰場合

 <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> 

：

<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> 

そして、ここでは、私は、ネストされたバージョンのために働いているものの一例ですIE以外のすべてのブラウザがこのコードで動作する理由を私に教えてください。それは私にナットを駆動しています。（そして、おかげで、私は本当に本当に感謝し

EDIT：シングルアコーディオンのための

のjQueryコード：ネストされたアコーディオンのための

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

のjQueryコード：

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

Answer 1

！

これは長時間の撮影ですが、ネストされたアコーディオンスクリプトにheader: 'h4'を追加して、内側の 'h3'を 'h4's'に置き換えることはできますか？