2009-08-21 21 views
1

Ich habe erfolgreich ein paar Akkordeon Drop-Downs kreiert, aber wenn ich ein Akkordeon mit einem Akkordeon neste, geht der Internet Explorer verrückt (aber Firefox, Chrome, etc funktionieren für beide gut und verschachteltes Akkordeon). HierJquery Akkordeon Probleme - Verschachtelung

ist ein Beispiel für das einzelne Akkordeon (voll funktionsfähig):

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

Und hier ist ein Beispiel dafür, was ich arbeite für die verschachtelte Version:

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

Wenn jemand hat irgendeine Idee, warum alle Browser außer IE mit diesem Code arbeiten würden, lassen Sie es mich wissen! Es macht mich verrückt, (Und danke, ich wirklich zu schätzen es wirklich

EDIT:

JQuery-Code für Einzel Akkordeon:

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

JQuery-Code für verschachtelte Akkordeon:

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

Bitte posten Sie auch den Jquery Akkordeoncode – Randell

+1

was meinst du mit nutz? – Zoidberg

+0

Ich habe es gerade aktualisiert, um auch den jquery-Code zu haben. –

Antwort

1
!

Dies ist ein langer Schuss, aber können Sie versuchen, header: 'h4' zu Ihrem verschachtelten Akkordeon-Skript hinzufügen und ersetzen die inneren 'h3's mit' h4's?