Sayfada jquery olması gerekiyor. Container classı içerisinde ki butonların classına active ekliyip kaldırır.
<div class="container">
<button class="active">Konut</button>
<button class="">İş Yeri</button>
</div><script>
$(".container button").on("click", function (e) {
e.preventDefault();
$(".container button").removeClass("active");
this.classList.toggle("active");
});
</script>
Hocam aşağıdaki şekilde denedim olmadı
// init Isotope
var $grid = $('#product-list').isotope({
// options
});
// filter items on button click
$('.filter-button-group').on( 'click', 'button', function() {
var filterValue = $(this).attr('data-filter');
$grid.isotope({ filter: filterValue });
});
$(".filter-button-group button").on("click", function (e) {
e.preventDefault();
$(".filter-button-group button").removeClass("active");
this.classList.toggle("active");
});