Bootstrap - Свернуть все аккордеоны и показать клик

Question

У меня вопрос относительно аккордеонов, используемых в бутстрапе.

На моей странице есть несколько аккордеонов, использующих разные идентификаторы, так как различный контент загружается в каждый из них через Kendo.

То, что я хочу быть в состоянии сделать это свернуть все аккордеоны при нажатии на ссылку, которая открывает одну гармошку ...

Я думаю, пример будет

#accordion1 //is expanded 
#accordion2 //is expanded 
#accordion3 //is expanded 
#accordion4 //is collapsed 

link clicked expands accordion4 

\#accordion1 //is expanded 
\#accordion2 //is expanded 
\#accordion3 //is expanded 
\#accordion4 //is expanded 

но то, что я хочу accordion1, accordion2 и accordion3 для развала и аккордеона4 для расширения

Возможно ли это с помощью начальной загрузки или мне нужно создать какой-то пользовательский код в Kendo или jQuery?

Answer 1

Это возможно с начальной загрузки, используя данные-атрибута:

<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> 

Here рабочий пример.