twitter-bootstrap – Bootstrap折叠无法正常工作(隐藏不工作)

2023年5月7日 303次阅读

我正在使用bootstrap collapse功能在我们的IBM Web门户中无法正常工作.

它在“显示”功能上工作正常,但在“隐藏”功能中无效.

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

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

我在控制台窗口中看到“区域扩展”值在我们的崩溃中没有改变,也没有改变类名称,如“折叠”和崩溃“.

如何解决它.

最佳答案 你的代码有效！但是,没有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>
点赞