我已经成功创建了几个单手风琴下拉菜单,但是当我将手风琴与手风琴嵌套时,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 });
});
这是一个远景,但是您可以尝试将header: 'h4'
添加到嵌套的手风琴脚本中,然后将内部的'h3'替换为'h4吗?