JQuery Accordion - Открытие номера

Question

У меня есть вертикальный аккордеон, который прекрасно открывается при начале открытия аккордеона сверху вниз, но если вы выберете один из вариантов в середине 1-го аккордеона, он открывается неправильно.

Как ни странно, если я открою 1-й вариант, а затем сверну его, я могу открыть любой другой вариант без проблем.

Я не уверен, что объяснил это слишком хорошо, поэтому вот скрипка, показывающая проблему, возникающая как в Chrome, так и в IE8: http://jsfiddle.net/gstubbenhagen/JyFRC/

Любая помощь будет высоко ценится

Answer 1

Вам действительно нужна вся библиотека пользовательского интерфейса только для аккордеона?

Демонстрация без jQuery.UI

$('#accordion > h2').click(function(){
   var el = $(this).next('.pane');
    el.is(':hidden') ? ($('.pane').slideUp(), el.slideDown()) : $('.pane').slideUp();
});

Answer 2

Я думаю, что ваша проблема вызвана вашим display: none вызовом на #accordion .pane. Я предполагаю, что вы хотите, чтобы все панели были скрыты, когда пользователь загружает страницу?

Исключите display: none и вместо этого используйте active: false в качестве опции для аккордеона:

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

Установка «активного» в ложь сворачивает все панели при загрузке.

http://jqueryui.com/demos/accordion/#option-active