aglio show and hide all script

aglio-collapse.js

(function() {
  var show = document.createElement('div');
  show.innerHTML = 'show all';
  show.setAttribute('onClick', "[].slice.call(document.querySelectorAll('.collapse-button:not(.show)>.open')).forEach(function(el){el.click()})");
  var hide = document.createElement('div');
  hide.innerHTML = 'hide all';
  hide.setAttribute('onClick', "[].slice.call(document.querySelectorAll('.collapse-button.show>.close')).forEach(function(el){el.click()})");
  var wrapper = document.createElement('div');
  wrapper.style.position = 'fixed';
  wrapper.style.top = '0';
  wrapper.style.left = '0';
  wrapper.style.cursor = 'pointer';
  wrapper.appendChild(show);
  wrapper.appendChild(hide);
  document.body.appendChild(wrapper);
})();