Bootstrap аккордеон: Развернуть/Свернуть все не работает

Question

я нашел это решение, чтобы развернуть все разделы гармошки: http://www.bootply.com/peFUdnwOpZ

Я скопировал код в Joomla. Через Gantry я загрузил файл Javascript. Я даже пытался, чтобы загрузить javascript внутри статьи.

Но он не работает. Может ли кто-нибудь помочь?

Фоновая информация: Мне пришлось добавить bootstrap min.js, в противном случае функция "accordion" не работает должным образом. Шаблон работает с Bootstrap 3.3.6.

Я попытался даже добавить те же файлы, загруженные в http://www.bootply.com/peFUdnwOpZ.

1. //ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
2. //netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js
3. //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css

Следующая Try. Я загрузил скрипт через плагин Joomla. Я загрузил сценарий в заголовке и теле, до и после тега head/body.

Ничего не работало.

Я проследил его: На другом шаблоне, с которым я работал, я выяснил, что порядок загрузки 3 javascripts очень важен. Таким образом, загрузка вручную до конца заголовка очень важна! сначала работал jquery.min.js, чем bootstrap.min.js, а не пользовательский javascript (см. ссылку на пример). Но на моем собственном сайте, кажется, есть некоторые ошибки при загрузке jquery и javascript для начальной загрузки. Поскольку консоль говорит:

нуль не является объект (оценка '$ (' CloseAll. ') Нажмите.)

Так, он пропускает ссылку на другие файлы JavaScript. Может быть, некоторые могут помочь?

Answer 1

Я считаю, что вы, возможно, забыли добавить следующий фрагмент кода в пользовательском файле расслоения плотного -

$('.closeall').click(function(){ 
    $('.panel-collapse.in') 
    .collapse('hide'); 
}); 
$('.openall').click(function(){ 
    $('.panel-collapse:not(".in")') 
    .collapse('show'); 
}); 

Надеется, что это может работать для вас :-)