Обновление
Я делаю это вики-сообществом по трем причинам:
- Я не чувствую, что получил окончательный ответ, но
- Я давно перестал нуждаться в ответе, потому что я прокрутил свою собственную функцию аккордеона
- этот вопрос получает массу просмотров, так что очевидно, что многие все еще заинтересованы
Так что, если кто-то захочет изменить / уточнить этот вопрос и сделать его исчерпывающим руководством, будьте моим гостем.
Я работаю над страницей, используя элемент пользовательского интерфейса accordion jQuery . Я смоделировал свой HTML на этом примере, за исключением того, что внутри элементов <li> у меня есть несколько неупорядоченных списков ссылок. Как это:
$(document).ready(function() {
$(".ui-accordion-container").accordion(
{active: "a.default", alwaysOpen: true, autoHeight: false}
);
});
<ul class="ui-accordion-container">
<li> <!-- Start accordion section -->
<a href='#' class="accordion-label">A Group of Links</a>
<ul class="linklist">
<li><a href="http://example.com">Example Link</a></li>
<li><a href="http://example.com">Example Link</a></li>
</ul>
<!--and of course there's another group -->
Проблема: IE Анимация воняет
Хотя IE7 прекрасно анимирует примерное меню аккордеона в документации, у меня есть проблемы с моим. В частности, одно меню аккордеона на странице движется вяло и имеет всплески содержимого. Я знаю, что это не проблема CSS, потому что то же самое происходит, если я не включаю свои файлы CSS.
Другое меню аккордеона на странице открывает первый раздел, по которому вы щелкаете, и после этого не открывает ни один из них.
Обе эти проблемы относятся к IE, и обе исчезают, если я использую опцию animated: false. Но я бы хотел оставить анимацию по умолчанию slide, поскольку она помогает пользователю понять, что делает меню.
Есть ли другой способ?