Jquery Accordion Trouble - Вложенность - PullRequest
Новая
       6

Jquery Accordion Trouble - Вложенность

1 голос
/ 21 августа 2009

Я успешно создал несколько раскрывающихся списков аккордеонов, но когда я собираюсь вложить аккордеон в аккордеон, Internet Explorer сходит с ума (но Firefox, Chrome и т. Д. Прекрасно работают как для одиночного, так и для вложенного аккордеона).

Вот пример одного аккордеона (полностью функциональный): 

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

А вот пример того, над чем я работаю для вложенной версии: 

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

Если кто-нибудь знает, почему все браузеры, кроме IE, будут работать с этим кодом, дайте мне знать! Это сводит меня с ума; (И спасибо, я действительно очень ценю это!

EDIT:

Код Jquery для одного аккордеона: 

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

Код Jquery для вложенного аккордеона: 

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

1 Ответ

1 голос
/ 30 августа 2009

Это длинный выстрел, но вы можете попробовать добавить header: 'h4' к вашему вложенному скрипту аккордеона и заменить внутренние h3 на h4?

...