Как скрыть не текущие элементы при клике
 

На страничке https://stroy-remont-mo.ru/uslugi/stroitelstvo-domov
сделал представление стоимости через bootstrap, используя Collapse
Найдите этот блок по тексту "Стоимость строительства жилых домов", примерно чуть ниже середины страницы.
Там две кнопки "Стены", "Полы и потолки". Мне нужно чтоб у не текущих блоков с class="collapse show" они скрывались.
Пытаюсь делать так:
$(".accordion a.button").on("click", function (event) {
event.preventDefault();
var id = $(this).attr('href');
$('.collapse').each(function(){
if ($('.collapse ' + id) != this)
$(this).hide();
});
})

Но теперь скрываются все. Подскажите пожалуйста, как сделать правильно?

Попробуйте так

if ($('.collapse ' + id).get(0) !== this )