Bootstrap折叠无法正常工作(隐藏无法工作)

Cod*_*Man 5 websphere-portal twitter-bootstrap twitter-bootstrap-3

我正在使用引导折叠功能在我们的IBM Web门户中无法正常工作。它在“显示”功能上工作正常,但在“隐藏”功能上无效。

<a href="#demo" data-toggle="collapse"><span class=”icon”>Collapsible</span></a>

<div id="demo" class="collapse">
Sample Code 
</div>
Run Code Online (Sandbox Code Playgroud)

我在控制台窗口中看到的“ 区域扩大 ”的价值并没有在我们的崩溃改变,也没有改变类的名称,如“ 倒塌 ”和崩溃 ”。

如何解决。

小智 8

我遇到了同样的麻烦,造成这种情况的原因有很多,请确保页面中没有重复引用引导库,对我来说,删除重复引用是有效的。


小智 5

您的代码有效!但是,如果没有 jquery,它就不能正常工作。

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Title</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <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>
</head>
<body>

<div class="container">
    <a href="#demo" data-toggle="collapse"><span class=”icon”>Collapsible</span></a>

    <div id="demo" class="collapse">
    Sample Code 
    </div>
</div>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)