Javascript 折叠面板始终处于打开状态。HTML

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

    $(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');
}
})

---

要在默认情况下关闭面板，应编辑初始显示的css属性。对于单击事件，您需要使用回调自定义切换事件