All Articles

toggle code

Author: Troy Rutter | Image: Troy Rutter

console.log(‘ran’);

document.addEventListener(‘click’, function (e) {
var button = e.target;

if (button.getAttribute(‘data-reset’) === ‘true’) {
// Reset the filters
var filter = button.getAttribute(‘data-filter’);
resetFilter(filter);
} else {
// Filter the tag
var filter = button.getAttribute(‘data-filter’);
resetFilter(filter);
var tag = button.getAttribute(‘data-filter-tag’);
filterTag(filter, tag);
}
});

// Filter tag
function filterTag (filter, tag) {
var items = document.querySelectorAll(‘.’ + filter + ‘ > li’);

for (var i = 0; i < items.length; i++) {
var itemTags = items[i].getAttribute('data-tags');

// Catch case with no tags
if (itemTags != null) {
if (itemTags.indexOf(tag) li’);

for (var i = 0; i < items.length; i++) {
items[i].setAttribute('data-toggle', 'on');
}
}