javascript - 如何让这个portlet默认折叠起来？

Question

我正在使用以下 portlet 代码。然而，它显示为扩展的。如何将其显示为折叠状态(默认情况下)？

<div id="myPortlet" data-pages="portlet" class="panel panel-default">
    <div class="panel-heading ">
        <div class="panel-title">Portlet Title
        </div>
        <div class="panel-controls">
            <ul>
                <li><a href="#" class="portlet-collapse" data-toggle="collapse"><i class="portlet-icon portlet-icon-collapse"></i></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="panel-body">
        ...
    </div>
</div>

Answer 1

将 panel-collapsed 类添加到外部 div

<div id="myPortlet" data-pages="portlet" class="panel panel-default panel-collapsed">

并在 CSS 中添加以下规则

.panel-collapsed > .panel-body{
    display: none
}