Использование Bootstrap 2.3.2 У меня есть гармошка с одной панелью, которая открывается при загрузке страницы.

          
              
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#refine" href="#refine-search">
                  Title
                </a>
              
              
                
                  Test text....
                
              
                              

Сайт полностью отзывчив. При переключении на размер экрана мобильного телефона [@media (max-width: 979px)] я хочу, чтобы панель аккордеона автоматически закрывалась, то есть, по сути, я хочу, чтобы строка div Уточнить цену изменилась на "рухнуть ".

В мобильном режиме аккордеон все еще должен работать, например пользователь может щелкнуть по заголовку аккордеона, и панель развернется, поэтому я не хочу, чтобы дублированные элементы div отключали панель с помощью служебных классов .hidden-desktop и т. д.

искал ответ сверху и снизу - кто-нибудь может помочь?