BigW Consortium Gitlab

toggler_behavior.js 1.06 KB
Newer Older
1
/* eslint-disable */
2
(function(w) {
Fatih Acet committed
3
  $(function() {
4 5 6 7 8 9 10
    // Toggle button. Show/hide content inside parent container.
    // Button does not change visibility. If button has icon - it changes chevron style.
    //
    // %div.js-toggle-container
    //   %a.js-toggle-button
    //   %div.js-toggle-content
    //
11
    $('body').on('click', '.js-toggle-button', function(e) {
12 13 14 15 16 17 18 19 20
      e.preventDefault();
      $(this)
        .find('.fa')
          .toggleClass('fa-chevron-down fa-chevron-up')
        .end()
        .closest('.js-toggle-container')
          .find('.js-toggle-content')
            .toggle()
      ;
Fatih Acet committed
21 22
    });

23 24 25 26 27 28 29 30 31 32 33 34
    // If we're accessing a permalink, ensure it is not inside a
    // closed js-toggle-container!
    var hash = w.gl.utils.getLocationHash();
    var anchor = hash && document.getElementById(hash);
    var container = anchor && $(anchor).closest('.js-toggle-container');

    if (container && container.find('.js-toggle-content').is(':hidden')) {
      container.find('.js-toggle-button').trigger('click');
      anchor.scrollIntoView();
    }
  });
})(window);