Jquery 手风琴问题 - 嵌套

Question

我已经成功创建了一些单个手风琴下拉菜单，但是当我用一个手风琴嵌套一个手风琴时，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>
</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 之外的所有浏览器都可以使用此代码，请告诉我！这让我发疯;(谢谢，我真的很感激！

编辑：

单个手风琴的 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' 吗？