Сбой с несколькими аккордеонами в пределах вкладок

Question

Я только что просмотрел все похожие сообщения в StackOverflow об этой проблеме.

Раньше они работали нормально на этом сайте, потому что идентификатор использовался для каждого другого аккордеона. Проблема заключается в том, что мы используем этот скрипт на нескольких сайтах и ​​имеем 20+ скриптов, которые почти идентичны с изменением идентификатора, и это раздражает.

Я изменил сценарии из:

<script type="text/javascript"> 
    $(document).ready(function(){       
     $('#MANYDIFFERENTIDNAMES').accordion({    
      handle: ".handle", 
      panel: ".panel", 
      canToggle: true, 
      activeClassLi: "active", 
      speed: 600    
     }); 
    }); 
</script> 

к одному сценарию:

<script type="text/javascript"> 
    $(document).ready(function(){       
     $('.accordion').accordion({    
      handle: ".handle", 
      panel: ".panel", 
      canToggle: true, 
      activeClassLi: "active", 
      speed: 600    
     }); 
    }); 
</script> 

Как вы можете видеть на странице в вопросе (http://servicetechnology.ecisolutions.com/solutions/e-automate-overview.aspx) сценарий все еще, кажется, работает на каждой вкладке с каждым аккордеона, но есть сбой (есть задержка и отсутствие перехода на открытый), при открытии, когда на странице находятся несколько аккордеонов.

Нет никаких сбоев, конечно, если на странице имеется только один аккордеон. Вы можете увидеть плавный переход на следующую страницу: http://lbmh.ecisolutions.com/advantage/solutions.aspx

Любая идея, что вызывает этот сбой при наличии нескольких аккордеонов?

Answer 1

Страница с несколькими аккордеонами также включает в себя скрипт инициализации аккордеона несколько раз, чего не должно быть. Вам нужен только один скрипт, который их инициализирует. Селектор .accordion выбирает все элементы на странице с class="accordion".