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');
});

希望这对您有用:-)