大家好!今天是鐵人賽的第27天唷!剩下三天比賽就要結束囉!各位要加把勁把完賽喔!
今天一樣要說collapse的功能和用法，事不宜遲我們開始吧!

多個collapse

多個collapse

<p>
    <a class="btn btn-primary" data-bs-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">Collapse第一個</a>
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample2" aria-expanded="false" aria-controls="multiCollapseExample2">Collapse第二個</button>
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" aria-expanded="false" aria-controls="multiCollapseExample1 multiCollapseExample2">同時Collapse現有兩個</button>
</p>
<div class="row">
    <div class="col">
        <div class="collapse multi-collapse" id="multiCollapseExample1">
            <div class="card card-body">
                collapse test
            </div>
        </div>
    </div>
    <div class="col">
        <div class="collapse multi-collapse" id="multiCollapseExample2">
            <div class="card card-body">
                collapse test
            </div>
        </div>
    </div>
</div>

用法

用Class來處理折疊。
collapse隱藏內容。
collapse.show顯示內容。
collapsing會在折疊開始時加入，並在結束的時候移除。

今天的文章就這麼結束囉!我們明天見!byebye~