确保Jquery包含在Bootstrap之上，它工作正常

$('#collapseDiv').collapse("toggle");

.white-link{color:#fff;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="container">
  <div class="panel panel-primary">
    <div class="panel-heading" id="panel-head">


      <a data-toggle="collapse" data-target="#collapseDiv" class="white-link" id="toggle">Records Added
                        <span class="indicator glyphicon glyphicon-chevron-down pull-left pad-right" id ="glyphicon"></span>
                    </a>

    </div>


    <div id="collapseDiv" class="panel-collapse collapse">
      <div class="panel-body">

我也遇到了同样的问题.

$('#collapseDiv').removeClass('show');

字符串
如official doc所述，
1..collapse隐藏内容
1..在过渡期间应用折叠

1. collapse.show显示内容
   所以这就是为什么我删除了'显示'类，它为我工作...唯一的缺点是，它立即隐藏（没有任何动画）

我有一个类似的问题与Lightbox（由Lokesh Dhakar），如果我使用：

<script src="js/lightbox-plus-jquery.min.js"></script>

字符串
但与之合作的有：

<script src="js/lightbox.min.js"></script>

型

我花了一个小时才弄明白。
这里是简单的解决方案。我将用三种不同的方法来解释
1.取代

import * as $ from 'jquery';

字符串
与

declare var $ : any;

型
如果这不能解决你的问题，
2.请确保在index.html中导入jquery和bootstrap，如下所示，jQuery应该是第一个

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>      
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">   
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

型
如果不成功
3.安装jquery，jquery ui，jquery action和bootstrap

npm install jquery --save
npm install @types/jquery --save
npm install bootstrap --save

型
现在导入ts或js文件

import * as $ from 'jquery';

型
更新angular.json文件

"styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "src/styles.scss",
              "./node_modules/font-awesome/css/font-awesome.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css"

            ],
            "scripts": [
              "./node_modules/jquery/dist/jquery.min.js",
              "./node_modules/bootstrap/dist/js/bootstrap.min.js"
            ]

型
这一切都应该工作了，现在，谢谢

jquery 3.5.0在使用bootstrap 4的折叠功能时出错，而不是使用jquery 3.4.1版本。在我的情况下，它工作正常。

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>



<div class="container">
  <div class="panel panel-primary">
    <div class="panel-heading" id="panel-head"> <a data-toggle="collapse" href="#collapseDiv" class="white-link" id="toggle" >Records Added <span class="indicator glyphicon glyphicon-chevron-down pull-left pad-right" id ="glyphicon"></span> </a> </div>
    <div id="collapseDiv" class="panel-collapse collapse">
      <div class="panel-body">rywrujtwyjdtyjdsyjktyj</div>
    </div>
  </div>
</div>

字符串
请检查这个。您的bootstrap.min.js/bootstrap.js是在jquery库声明之后声明的。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

型

我在我的Vue.js项目中使用jQuery代码作为一个单独的文件。即使我在这个文件中导入了jQuery（它是使用npm安装的），我也不断地得到这个“collapse is not a function”错误。我尝试了许多解决方案，并在此之后能够修复。
1.使用npm安装 Bootstrap 。
1.导入jQuery后导入 Bootstrap 。

import "bootstrap"

字符串
我希望这可能对某人有帮助。

试试这个

$('.panel-collapse').collapse({
      toggle: false
    });

字符串
来源：Bootstrap Collapse - Jquery "Collapse all" function