JQuery Аккордеон и Вкладки

Question

Я пытаюсь заставить аккордеон jQueryUI работать во вкладках jQueryUI.Я читал о людях, у которых возникли проблемы, и нашел несколько постов, в которых сообщалось об успешной инициализации аккордеона внутри события табуляции 'show', но когда я попробую это, я просто получаю то, что выглядит как два полу-стилизованных заголовка табуляции и без аккордеонафункциональность.У меня в событии загрузки страницы есть следующее:

$().ready(function() {  
   tabs = $('.jqTabsStandard').tabs({
        show: function(ev, ui) {
            $('.ingredientsAccordion').accordion({
              autoHeight: true,
                header: 'h3 a'
            });
        } 
    });
});

Страница здесь - нажмите кнопку редактирования (карандаш) для рецепта, затем перейдите на вкладку ингредиентов.

Answer 1

Решение было так же просто, как изменить порядок загрузки пользовательского интерфейса. Сначала инициализируйте аккордеон, вкладки, чтобы гармошка имела высоту и была невидима.

Answer 2

Я проверяю это с помощью инструментов разработчика в Chrome: ваши контейнеры с аккордеонными данными в порядке, но имеют высоту 1px.Вот почему вы почти ничего не видите.Попробуйте изменить высоту контейнера вкладок, потому что когда аккордеон запускается на вкладке, которая соответствует содержанию, тогда аккордеону фактически не хватает места для скольжения.Прошу прощения за плохой английский:)