我正在使用的 Bootstrap 折叠功能在我们的 IBM 门户网站中无法正常工作。
它在“显示”功能上运行良好,但在“隐藏”功能上运行良好。
<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>
关于twitter-bootstrap - Bootstrap Collapse 无法正常工作(Hide Not working),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35499243/