dom-scripts.js 982 B

123456789101112131415161718192021222324252627282930
  1. /* expandable sections */
  2. (function () {
  3. function toggle (button, target) {
  4. var expanded = button.getAttribute('aria-expanded') === 'true' || false
  5. button.setAttribute('aria-expanded', !expanded)
  6. target.hidden = !target.hidden
  7. }
  8. var expanders = document.querySelectorAll('[data-expands]')
  9. Array.prototype.forEach.call(expanders, function (expander) {
  10. var target = document.getElementById(expander.getAttribute('data-expands'))
  11. expander.addEventListener('click', function () {
  12. toggle(expander, target)
  13. })
  14. })
  15. }())
  16. /* persist navigation scroll point */
  17. window.addEventListener('unload', function() {
  18. var scrollPoint = document.getElementById('patterns-nav').scrollTop
  19. localStorage.setItem('scrollPoint', scrollPoint)
  20. console.log('scrollPoint:', localStorage.getItem('scrollPoint'))
  21. })
  22. window.addEventListener('load', function() {
  23. document.getElementById('patterns-nav').scrollTop = parseInt(localStorage.getItem('scrollPoint'))
  24. })