显示一个div并隐藏另一个div。如何在Bootstrap中实现

时间:2019-02-06 05:48:28

标签: bootstrap-4

我需要隐藏一个div本身,然后打开另一个。当另一个自己单击时需要隐藏并且应该打开另一个...如何使用Bootstrap?

这是我的html:

<nav aria-label="breadcrumb" id="breadcrumb">
        <ol class="breadcrumb" id="collapseExample">
            <li class="breadcrumb-item" aria-current="page">Assessment Period : May 2021</li>
            <li class="breadcrumb-item" aria-current="page">School  : International Academy, Cardiff</li>
            <li class="ml-auto" aria-current="page">
                <a href="#collapseExample"  data-toggle="collapse" 
                role="button" aria-expanded="true" aria-controls="collapseExample">close this open options</a> <!-- how to do -->
            </li>
        </ol>
        <div class="breadcrumb-options" id="breadcrumb">
            testing for show options
            <a href="#collapseExample"  data-toggle="collapse" 
            role="button" aria-expanded="true" aria-controls="collapseExample">close this open breadcrumb</a> <!-- how to do -->
        </div>
    </nav>

1 个答案:

答案 0 :(得分:0)

您要询问的功能称为ACCORDION。

使用的引导程序类

  

def abiCodes = ['x86':1, 'armeabi-v7a':2]隐藏内容.collapse在过渡期间被应用   .collapsing显示内容

.collapse.show

访问link了解更多信息