折叠面板始终打开。 HTML答案

【问题标题】：Collapse Panel is always open. HTML折叠面板始终打开。 HTML
【发布时间】：2016-06-05 22:21:31
【问题描述】：

我如何修改代码，以便默认情况下折叠面板仅在单击时关闭它应该打开，然后再次单击它应该关闭。这是我正在使用的代码。该代码使面板默认打开。

    $(document).on('click', '.btn-click', function(e){
    var $this = $(this);

if(!$this.hasClass('panel-collapsed')) {
        $this.parents('.panel').find('.panel-body').slideUp();
    $this.addClass('panel-collapsed');
    $this.find('i').removeClass('fa-chevron-circle-up').addClass('fa-chevron-circle-down');
} else {
    $this.parents('.panel').find('.panel-body').slideDown();
    $this.removeClass('panel-collapsed');
    $this.find('i').removeClass('fa-chevron-circle-down').addClass('fa-chevron-circle-up');
}
})

【问题讨论】：

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

要让面板默认关闭，您应该编辑 css 属性以进行初始显示。对于点击事件，您需要带有回调的自定义切换事件https://stackoverflow.com/a/4911660/1123532

【讨论】：