javascript - 如何在加载时隐藏Bootstrap文本框切换

我有几个动态创建的按钮，其下方具有切换框，其创建方式如下。

的HTML

<button type="button" class="accordion-toggle btn btn-default btn-small"
data-toggle="collapse" data-parent="#accordion'+this.id+'"
href="#collapseOne'+this.id+'"><i class="icon-info"></i></button>

这是它要求点击时显示的文本框折叠

<div id="accordion'+this.id+'">
    <div id="collapseOne'+this.id+'" class="collapse" style="height: auto;">
        <div class="control-group control-group-notes">
            <button onclick="clearMsgBox(\''+this.id+'\')" type="button" class="close" data-toggle="collapse" data-parent="#accordion'+this.id+'" href="#collapseOne'+this.id+'">x</button>
            <textarea id="doGet'+this.id+'" style="width: 92%;" rows="2" placeholder="Message..."></textarea>
        </div>
    </div>
</div>

按钮和框是动态创建的，可以正常工作。我似乎无法弄清的唯一问题是，在加载时，所有盒子都是打开的而不是隐藏的。但是，一旦我单击x按钮，它就会切换为隐藏。

有人可以帮我吗？先感谢您。

最佳答案

在bootstrap中，class =“ in”决定了手风琴的可见性，加载时它可能会出现在所有手风琴上。

class="panel-collapse collapse in"

对于那些不想显示onload的对象，请删除“ in”类。

关于javascript - 如何在加载时隐藏Bootstrap文本框切换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24089891/