Bootstrap手風琴：展開/折疊全部不起作用

Question

我找到了擴展所有手風琴部分的解決方案： http : //www.bootply.com/peFUdnwOpZ

我在Joomla中復制了代碼。 通過龍門，我加載了Javascript文件。 我什至嘗試加載文章中的javascript。

但這是行不通的。 有人可以幫忙嗎？

背景信息：我必須添加bootstrap min.js ，否則，“手風琴”功能無法正常工作。 模板正在使用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

下次嘗試。 我通過Joomla插件加載了腳本。 我將腳本加載到head / body標簽之前和之后的標頭和正文中。

沒事。

我找到了答案：在另一個模板上，我發現，加載3個javascript的順序非常重要。 因此，在標頭末尾之前手動加載非常重要！ 首先是bootstrap.min.js和自定義javascript（請參見示例鏈接）中的jquery.min.js。 但是在我自己的網站上，正確加載jquery和bootstrap javascript時似乎出現一些錯誤。 因為控制台說：

null不是對象（評估'$（'。closeall'）。click'）

因此，它會丟失指向其他javascript文件的鏈接。 也許有些可以幫助？

Answer 1

我相信您可能已經忘記在自定義js文件中添加以下代碼了-

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

希望這對您有用:-)