html - Bootstrap，第一次数据切换点击不起作用或数据不显示

Question

我尝试设置 <div id="rowAngleOutputDiv0">扩大初始。此处描述了相同的问题 Bootstrap data-toggle collapses div after second click, not first .我添加了 class="collapse in"正如所描述的那样。但就我而言，该解决方案不起作用。如果我添加 class="collapse in" , div 元素初始化将被隐藏。

1. 如何设置<div id="rowAngleOutputDiv0">初始扩展并避免“bootstrap data-toggle first click doesn't work”问题？

2. 如果我离开 class="collapse in"那么即使我点击按钮显示他们，所有的 child 都被隐藏了。如果 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"。

那个问题 Bootstrap collapse class doesn't toggle correctly 稍微指导我解决方案