mirror of https://github.com/ascribe/wp-theme
67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
|
|
//=include ../../../node_modules/toc/dist/toc.js
|
|
|
|
var Faq = (function(w, d, $) {
|
|
|
|
'use strict'
|
|
|
|
var app, _private, _config
|
|
|
|
_config = {
|
|
faqQuestion: $('.faq__question'),
|
|
faqAnswer: $('.faq__answer'),
|
|
faqTitle: $('.faq__title'),
|
|
faqTocColumn: $('.grid__col--toc'),
|
|
faqToc: $('#toc'),
|
|
minWidth: 768 // $screen-sm
|
|
}
|
|
|
|
_private = {
|
|
faqToggle: function() {
|
|
_config.faqQuestion.click(function() {
|
|
$(this).toggleClass('open');
|
|
$(this).next(_config.faqAnswer).toggleClass('open');
|
|
});
|
|
},
|
|
faqTocInit: function() {
|
|
_config.faqToc.toc({
|
|
'selectors': _config.faqTitle, // elements to use as headings
|
|
'container': 'body', // element to find all selectors in
|
|
'smoothScrolling': true, // enable or disable smooth scrolling on click
|
|
'highlightOffset': 200, // offset to trigger the next headline
|
|
});
|
|
},
|
|
faqTocSticky: function() {
|
|
var win = $(window);
|
|
|
|
win.on('load resize scroll',function(e) {
|
|
if (_private.isWide()) {
|
|
if ( win.scrollTop() > _config.faqTocColumn.offset().top) {
|
|
_config.faqToc.addClass('sticky');
|
|
} else {
|
|
_config.faqToc.removeClass('sticky');
|
|
}
|
|
|
|
// TODO: remove sticky when bottom of content has been reached
|
|
}
|
|
});
|
|
},
|
|
isWide: function() {
|
|
return $(window).width() >= _config.minWidth;
|
|
}
|
|
|
|
// TODO: actually make section jumps work
|
|
}
|
|
|
|
app = {
|
|
init: function() {
|
|
_private.faqToggle();
|
|
_private.faqTocInit();
|
|
_private.faqTocSticky();
|
|
}
|
|
}
|
|
|
|
return app
|
|
|
|
})(window, document, jQuery)
|