https://assets.ukm.no/js/ukmdesign/filter.js

1var UKM = UKM || {};
2
3UKM.filter = function( group, id ){
4	var name;
5	var selector = '#'+ group + '-' + id;
6	var listSelector = '.filter-'+ group +'-'+ id;
7	
8	var self = {
9		init: function() {
10			name = $( selector ).html();
11			// Always init as showing
12			$( listSelector ).attr('filter-'+ group +'-show', true );
13		},
14		
15		getGroup: function(){
16			return group;
17		},
18		getId: function(){
19			return id;
20		},
21		getSelector: function(){
22			return selector;
23		},
24		
25		getListSelector: function(){
26			return listSelector;
27		},
28		
29		getName: function(){
30			return name;
31		},
32		
33		isVisible: function() {
34			return $( selector ).attr('data-show') == 'true';
35		},
36		
37		show: function(){
38			$( selector ).attr('data-show', true);
39			$( selector ).addClass('btn-primary').removeClass('btn-outline-primary');
40		},
41		hide: function(){
42			$( selector ).attr('data-show', false);
43			$( selector ).addClass('btn-outline-primary').removeClass('btn-primary');
44			$( listSelector ).addClass('d-none');
45		},
46		
47		click: function(){
48			//console.warn('Don\'t you dare do that again!');	
49			if( self.isVisible() ) {
50				self.hide();
51				return 'hide';
52			} else {
53				self.show();
54				return 'show';
55			}
56		},
57	};
58	
59	return self;
60}