https://sacra.it/wp-content/themes/lf_tds_custom/js/mappa.js?ver=7.0.6

1let mappa = {
2
3  buttonVillePiscina: $('#villa-piscina-btn'),
4  buttonVille: $('#villa-btn'),
5  buttonCottage: $('#cottage-btn'),
6  buttonPiccoliCottage: $('#piccolo-cottage-btn'),
7
8  mappaBW: $('.mappa-element.mappa-bw'),
9  villePiscina: $('.mappa-element.ville-piscina'),
10  ville: $('.mappa-element.ville'),
11  cottage: $('.mappa-element.cottage'),
12  piccoliCottage: $('.mappa-element.piccoli-cottage'),
13
14  toggle: function() {
15
16    mappa.buttonVillePiscina.click(function() {
17      mappa.buttonVillePiscina.toggleClass('filter-button__active');
18      mappa.villePiscina.toggleClass('mappa-element__hidden');
19      mappa.control();
20    });
21
22    mappa.buttonVille.click(function() {
23      mappa.buttonVille.toggleClass('filter-button__active');
24      mappa.ville.toggleClass('mappa-element__hidden');
25      mappa.control();
26    });
27
28    mappa.buttonCottage.click(function() {
29      mappa.buttonCottage.toggleClass('filter-button__active');
30      mappa.cottage.toggleClass('mappa-element__hidden');
31      mappa.control();
32    });
33
34    mappa.buttonPiccoliCottage.click(function() {
35      mappa.buttonPiccoliCottage.toggleClass('filter-button__active');
36      mappa.piccoliCottage.toggleClass('mappa-element__hidden');
37      mappa.control();
38    });
39
40  },
41
42  control: function() {
43    if (
44      mappa.buttonVillePiscina.hasClass('filter-button__active') ||
45      mappa.buttonVille.hasClass('filter-button__active') ||
46      mappa.buttonCottage.hasClass('filter-button__active') ||
47      mappa.buttonPiccoliCottage.hasClass('filter-button__active')
48    ) {
49      mappa.mappaBW.removeClass('mappa-element__hidden');
50    } else {
51      mappa.mappaBW.addClass('mappa-element__hidden');
52    }
53  }
54
55}
56
57mappa.toggle();