https://internationalemineralenbeurs.nl/wp-content/plugins/ysd-tentoonstellingen/assets/js/script.js?ver=100.0

1// ISOTOPE PLUGIN
2jQuery(document).ready(function($){
3	
4    // Store # parameter and add "." before hash
5    var hashID = "." + window.location.hash.substring(1);
6	
7	var $container = $('.isotope-grid');
8	
9	$('.isotope-grid').isotope({
10		// options
11		itemSelector : '.grid-item',
12		layoutMode : 'masonry',
13		animationOptions: {
14			duration: 750,
15			easing: 'linear',
16			queue: false
17		}
18	});
19
20	// filter items when filter link is clicked
21	$('.isotope-filter-button-group button').click(function() {
22		var selector = $(this).attr('data-filter');
23		$container.isotope({ filter: selector });
24		$('.isotope-filter-button-group button').removeClass('active');
25		$(this).addClass('active');
26		return false;
27	});
28	
29    if (hashID != ".") {
30		$container.imagesLoaded(function(){
31			var selector = $container.isotope({
32				itemSelector: ".data-filter",
33				filter: hashID, // the variable filter hack
34			});
35			$('.isotope-filter-button-group button').removeClass('active');
36			$("button[data-filter='"+hashID+"']").addClass('active');
37		});
38	}
39	
40	// STAFF ARCHIVE
41	jQuery(".ysdtentoonstellingen .grid-item").click(function() {
42		if (jQuery(this).hasClass('active')) {
43			jQuery(this).removeClass("active");
44		} else {
45			jQuery(".ysdtentoonstellingen .grid-item").removeClass("active");
46			jQuery(this).addClass("active");
47		}
48		$container.isotope('layout');
49	});
50	
51});