Bootstrap, первый щелчок с переключением данных не работает или данные не отображаются

Question

Я пытался установить <div id="rowAngleOutputDiv0"> расширенный изначально.Аналогичная проблема была описана здесь Переключатель данных Bootstrap разрушает div после второго щелчка, а не первого .Я добавил class="collapse in", как это было описано.Но в моем случае это решение не работает.Если я добавлю class="collapse in", инициализация элемента div будет скрыта.

1. Как задать расширение <div id="rowAngleOutputDiv0"> вначале и избежать «начальной загрузки данных - первый клик не работает»?

2. Если я оставлю class="collapse in", тогда все дети будут скрыты, даже если я нажму кнопку, чтобы показать их.Как сделать этих детей видимыми после нажатия кнопки, если установлено class="collapse (in)"?

   <button data-toggle="collapse" data-target="#rowAngleOutputDiv0"></button>
   <div id="rowAngleOutputDiv0" class="collapse in">
   
       <div class="row">
           <div id="angleOutputDiv0">
               <canvas id="angleOutput0"></canvas>
           </div>
           <div>
               <div id="dygraphOutC0"></div>
               <div id="dygraphOutC1"></div>
               <div id="dygraphOutC2"></div>
           </div>
       </div>
   </div>
   

Answer 1

Заменить class="collapse in" на class="collapse show".

Этот вопрос Класс коллапса начальной загрузки некорректно переключается Направить меня немного к решению