Bootstrap спойлер
 

<a href="#spoiler" data-toggle="collapse" class="btn-details glyphicon spoiler collapsed"></a>
                <div class="collapse" id="spoiler">
                  <div class="match-full">Hello</div>
                </div>

Написал такой спойлер на bootstrap. Проблема в том что у меня таких спойлеров много и когда я нажимаю на одну из кнопок, то открывается только первый элемент, а тот что мне нужно не открывается. Как сделать чтобы тот на который я нажал и открывался? Я думал как то по индексу его узнать и открыть, но не могу понять как.

a href="#spoiler" , div class="collapse" id="spoiler"

А id должно быть уникальным, иначе скрипт найдет первый из них, а далее не будет искать. Значит все ваши <div class="collapse" имеют одно значение id.

Да у всех id="spoiler". А что иначе нельзя никак чтобы у всех был один id, а оно открывало тот на который я нажал?

Как? Можно будет позвонить отдельно вам, отдельно вашему другу, отдельно подруге, если у вас у всех будет один номер телефона?

id - это идентификатор и он должен быть уникальным. Определяйте их id как id="spoiler-1", id="spoiler-2", или иначе, в чем проблема.