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"> 初始展开并避免“引导数据切换第一次单击不起作用”问题？

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"。

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