搜索栏Bootstrap手风琴的折叠/展开按钮

Question

如何修改此Codepen中的代码以“扩展所有”代码？并且＆＃39;崩溃所有＆＃39;按钮？

https://codepen.io/anon/pen/OZgebe

包括JS：

(function(){
 var searchTerm, panelContainerId;
 // Create a new contains that is case insensitive
 $.expr[':'].containsCaseInsensitive = function (n, i, m) {
   return jQuery(n).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
 };

 $('#accordion_search_bar').on('change keyup paste click', function () {
   searchTerm = $(this).val();
   $('#accordion > .panel').each(function () {
    panelContainerId = '#' + $(this).attr('id');
   $(panelContainerId + ':not(:containsCaseInsensitive(' + searchTerm + 
'))').hide();
  $(panelContainerId + ':containsCaseInsensitive(' + searchTerm + 
')').show();
  });
  });
}());

另外，如果我最终在这些手风琴中有子手风琴 - 我需要做些什么才能包含在这个＆＃39;崩溃/扩展＆＃39;功能还是应该失控？

非常感谢您的帮助。

Answer 1

试试这个：

检查演示 here

JS

  $(".btn-expand-all").on("click", function() {
    $(".panel-collapse").collapse("show");
  });
  $(".btn-collapse-all").on("click", function() {
    $(".panel-collapse").collapse("hide");
  });