$('#filtericons li a').click(function(event) { event.preventDefault(); var filter = $(this).attr("rel"); switch(filter) { case 'filterbakken': filterbakken = !filterbakken; break; case 'filtercitytrip': filtercitytrip = !filtercitytrip; break; case 'filtercultuur': filtercultuur = !filtercultuur; break; case 'filterpasta': filterpasta = !filterpasta; break; case 'filterontspanje': filterontspanje = !filterontspanje; break; case 'filtershop': filtershop = !filtershop; break; case 'filterparty': filterparty = !filterparty; break; case 'filterontdek': filterontdek = !filterontdek; break; case 'filtereuropa': filtereuropa = !filtereuropa; break; } handleFilterButtons(); }); function handleFilterButtons() { if (filterbakken) { $('#filtericons li a.filter-bakken').parent().addClass('active'); } else { $('#filtericons li a.filter-bakken').parent().removeClass('active'); } if (filtercitytrip) { $('#filtericons li a.filter-citytrip').parent().addClass('active'); } else { $('#filtericons li a.filter-citytrip').parent().removeClass('active'); } if (filtercultuur) { $('#filtericons li a.filter-cultuur').parent().addClass('active'); } else { $('#filtericons li a.filter-cultuur').parent().removeClass('active'); } if (filterpasta) { $('#filtericons li a.filter-pasta').parent().addClass('active'); } else { $('#filtericons li a.filter-pasta').parent().removeClass('active'); } if (filterontspanje) { $('#filtericons li a.filter-ontspanje').parent().addClass('active'); } else { $('#filtericons li a.filter-ontspanje').parent().removeClass('active'); } if (filtershop) { $('#filtericons li a.filter-shop').parent().addClass('active'); } else { $('#filtericons li a.filter-shop').parent().removeClass('active'); } if (filterparty) { $('#filtericons li a.filter-party').parent().addClass('active'); } else { $('#filtericons li a.filter-party').parent().removeClass('active'); } if (filterontdek) { $('#filtericons li a.filter-ontdek').parent().addClass('active'); } else { $('#filtericons li a.filter-ontdek').parent().removeClass('active'); } if (filtereuropa) { $('#filtericons li a.filter-europa').parent().addClass('active'); } else { $('#filtericons li a.filter-europa').parent().removeClass('active'); } }