jquery - 是否有 Twitter Bootstrap 类表示 "initially hidden"？

Question

使用 Bootstrap 3，我想在页面上显示一个元素，以响应用户单击按钮。示例:

<div id="search_results">
... gets populated from ajax data later ...
</div>

<button id="search_button" type="button" class="btn btn-primary pull-right">Search</button>

<script>
$('#search_button').click(function() {
    // ... do the call to search
    // and in the callback: 
    $('#search_results').show();
});
</script>

search_results div 最初应该是隐藏的。是否有一些正常/最佳实践方法可以使用 Bootstrap 执行此操作？

是的，我确实意识到我可以将 style="display:none"放在 search_results 上，但这是最好的方法吗？拥有一种语义上意味着“最初隐藏”的样式似乎会更好一些。 (注意:隐藏或隐藏类不会这样做，因为它们很重要，并且 show()、toggle() 等使用不会覆盖它们的内联样式，即设置“隐藏”，因为该类使其不可见来自 jQuery。)

Answer 1

查看源代码，建议选择 .collapse 或 .invisible ，具体取决于您想要 display: none; 行为还是 可见性:隐藏；分别为行为。

更新，2016-03-08:Bootstrap v4 的早期采用者应该注意，.invisible 的规则现在是 visibility: hide !important;。 (.collapse 未更改。)