jQuery ui accordion - Открытие нескольких вкладок одновременно

Исторический материал из архива сайта. Указанные услуги и контакты относятся ко времени публикации и не являются действующим предложением.

Создание сайтов

Создание сайтов - отличный способ поддержать бренд уже известной компании, а также заявить о себе на стадии Start-Up. Доверьте создание сайта профессионалам и Ваш сайт станет источником увеличения прибыли компании.
Подробнее

Продвижение сайтов

Интернет-агентство ТОП10 предлагает воспользоваться услугами оптимизации сайтов, а именно продвижением сайтов в поисковых системах и контекстной рекламой, так как благодаря этому Ваш сайт найдут.
Подробнее

Тех. поддержка

Информация о вашей деятельности всегда должна быть актуальной. Именно поэтому обновление контента на сайте необходимо осуществлять своевременно, вслед за изменениями, в вашей организации.
Подробнее

jQuery ui accordion - Открытие нескольких вкладок одновременно

0
09.06.201516:209 Июня 2015 16:20
Возникла задача сделать аккордион на jqueryui, причем с возможностью одновременного открытия нескольких пунктов. Стандартные средства от разработчиков такой возможности не дают, поэтому пришлось искать решение самостоятельно.

Ниже пример такого аккордиона:
$(function() {
   $( "#accordion" ).accordion({
      heightStyle: "content",
      active: 999, // все вкладки по-умолчанию закрыты
      collapsible: true,
      
      // одновременное открытие нескольких вкладок:
      beforeActivate: function(event, ui) {
         if (ui.newHeader[0]) {
            var currHeader  = ui.newHeader;
            var currContent = currHeader.next('.ui-accordion-content');
         } else {
            var currHeader  = ui.oldHeader;
            var currContent = currHeader.next('.ui-accordion-content');
         }
         var isPanelSelected = currHeader.attr('aria-selected') == 'true';
         currHeader.toggleClass('ui-corner-all',isPanelSelected).toggleClass('accordion-header-active ui-state-active ui-corner-top',!isPanelSelected).attr('aria-selected',((!isPanelSelected).toString()));
         currHeader.children('.ui-icon').toggleClass('ui-icon-triangle-1-e',isPanelSelected).toggleClass('ui-icon-triangle-1-s',!isPanelSelected);
         currContent.toggleClass('accordion-content-active',!isPanelSelected)    
         if (isPanelSelected) { currContent.slideUp(); }  else { currContent.slideDown(); }

         return false; // Cancels the default action
      }
      
   });
});
Ваше имя*
 
E-mail
Тема

Добавить файлы
Загрузить файлы
#name#
#size#
 
#name#
Файлы:
Перетащите один или несколько файлов в эту область
или выберите файл на компьютере
Файлы:
Загрузить файлы
Код подтверждения (символы на картинке)*
Отправить