Bootstrap 4-切换折叠/仅显示

时间:2018-09-01 12:34:05

标签: jquery html bootstrap-4

这让我发疯了。

我只是想有一个按钮来显示和隐藏Bootstrap4中的DIV,每当我切换class =“ collapse” div就会显示但不会折叠。

在页面加载时div折叠,按钮仅可使用一次,并且只要单击该按钮,它就会从“崩溃”切换为折叠,并在Chrome中观看开发者视图。再次显示吗?再次单击它,它会每次都以崩溃显示。

JQuery在标题中。

<button data-toggle="collapse" data-target="#site- 
details">Collapsible</button>

<div class = "collapse" id="site-details">
<div class="container" id="container-dash1">
    <div class="row">
         <div class="col-lg-10 col-md-4 col-sm-6">
            <div class="card" style="width: 18rem;">
   <div class="card-header">.....etc

任何帮助表示赞赏,这真让我发疯。在多个设备/浏览器上进行了测试。

1 个答案:

答案 0 :(得分:-1)

已解决页面中的两个Bootstrap / JQuery实例。

使用标头/内容设置,都具有BS / JQ包含,并且显然有一个参数!