### 題目
請觀看並理解 [Modal 元件](https://getbootstrap.com/docs/5.3/components/modal/) 的運作原理，只能更改下方 Launch demo modal 的 Button 內容讓這個 Modal 可以順利被開啟（不能更動 Modal 內容），此外另外使用 [Collapse](https://getbootstrap.com/docs/5.3/components/collapse/) 放置於 modal ，創造出摺疊的效果，如下圖：

><img src="https://imgur.com/3TWL8y8.png" alt="..." style="width: 400px;">

><img src="https://imgur.com/Ii9sz3Z.png" alt="..." style="width: 400px;">

>這邊會複習到前面的部分，需修改按鈕的樣式與顏色。

**請修改下方 button 內的 `***` 處， Modal 本體的 `***` 處請幫我加入 collapse**

>提示： Button 需指向 Modal 本體。

HTML

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary mt-1 ms-3" data-bs-toggle="modal" data-bs-target="***">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="openMe" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        ***
          <span class="open">點我打開</span>
          <span class="close">點我關閉</span>
        ***
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

**請修改 CSS 內 `***` 的內容，達到點擊後 span 能顯示或隱藏**

>請觀察 collapse 在內容關閉與開啟時， class 的改變。

CSS：

.collapsed .open {
  display: ***;
}
.open {
  display: ***;
}
.collapsed .close {
  display: ***;
}
.close {
  display: ***;
}

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：
https://codepen.io/jmimiding4104/pen/abRMqqJ
-->

回報區
---

|| Discord | CodePen / 答案 |
|:---:|:---------------:|:-----------------------------------------------------------------------------:|
|01| hebin. | [Codepen](https://codepen.io/landyhsiao776/pen/LYXoByv) |
|02| Amelia | [Codepen](https://codepen.io/Amelia-chin/pen/dyQEjWB?editors=1100) |
|03| awei | [Codepen](https://codepen.io/hong-wei/pen/ExOzpLG?editors=1100) |
|04| bf_tsai |[Codepen](https://codepen.io/BF-Tsai/pen/XWywBVP)|
|05| 銀光菇 | [Codepen](https://codepen.io/genesynthesis/pen/NWEVBgp) |
|06| ann6212 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/abQrjyQ) |
|07| AYA |[Codepen](https://codepen.io/NoNameNote/pen/mdQYjMJ)|
| 08 | Tami | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/QWJRBBO) |
|09| pinyi_9 |[Codepen](https://codepen.io/Wpypy/pen/abQrjGX?editors=1100)|
|10| ryan.chou |[Codepen](https://codepen.io/csw8524/pen/ExOzpGM)|
|11| townyuan |[Codepen](https://codepen.io/townyuan/pen/xxQNJBo)|
|12| lychee_kk |[Codepen](https://codepen.io/kakakala/pen/mdQYjYr)|
|13| stevenchang421 |[Codepen](https://codepen.io/vwtrpqmm/pen/zYMQJzY)|
|14| Eden |[Codepen](https://codepen.io/iseden/pen/bGQyxBv)|
|15| Yu |[Codepen](https://codepen.io/yuch3n_chen/pen/MWzdqKZ)|
|16| Rochel#4754 |[Codepen](https://codepen.io/rochelwang1205/pen/VwVOGQp)|
|17| Tina02 |[Codepen](https://codepen.io/chjitlox-the-bashful/pen/vYQwzMp)|
|18| dodo_6666 |[Codepen](https://codepen.io/MissDouble/pen/mdQYGLq)|
|19| ovo.yun |[Codepen](https://codepen.io/yun-the-scripter/pen/poQmxoz)|
|20| jacky7035 |[Codepen](https://codepen.io/adens123/pen/vYQwzJm)|
|21| shcopy |[Codepen](https://codepen.io/shcopy/pen/WNYBKqM)|
|22| xuan#0808 |[Codepen](https://codepen.io/xuan0915/pen/dyQEQJx?editors=1100)|
|23| hao2485 |[Codepen](https://codepen.io/Seanfeb16/pen/YzRbdqG)|
|24| Atsushi#6888 |[Codepen](https://codepen.io/atsushi-amuro/pen/KKrLbZJ?editors=1100)|
|25| ming0712 |[Codepen](https://codepen.io/StevenHuang/pen/abQrRMY)|
|26| kuanju27 |[Codepen](https://codepen.io/Eero-Chiao/pen/wvQbOQd)|
|27| Uli |[Codepen](https://codepen.io/uli1313/pen/KKrLEeZ)|
|28| rjjq |[Codepen](https://codepen.io/rjjq/pen/RwqmmQq)|
|29| 泊岸#3466 |[Codepen](https://codepen.io/qoq77416416/pen/KKrLYdB?editors=1100)|
|30| soniawu |[Codepen](https://codepen.io/YUJOU/pen/rNQgEgo)|
|31| yu.t_liu |[Codepen](https://codepen.io/YuT200053/pen/QWJXLgL?editors=1100)|
|32| JohnChien |[Codepen](https://codepen.io/glqwazid-the-selector/pen/VwVOEWd)|
|33| Kimi | [Codepen](https://codepen.io/kimihu91/pen/WNYmwmZ) |
|34| cest_jessie | [Codepen](https://codepen.io/itsjessiechen/pen/bGQPgvB) |
|35| hannahTW | [Codepen](https://codepen.io/hangineer/pen/KKrjWZr) |
|36| 依依| [Codepen](https://codepen.io/Rita-Yang/pen/mdQZRwb) |
|37| wind |[Codepen](https://codepen.io/wind7y/pen/poQXPaj)|
|38| Sinsaki225 |[Codepen](https://codepen.io/a8322342/pen/YzRoOzX)|
|39| Johnson3669 |[Codepen](https://codepen.io/crpbugqy-the-typescripter/pen/JjeQwBY)|
|40| meowmeow |[Codepen](https://codepen.io/snow1224/pen/WNYqGvd)|
|41| Randy |[Codepen](https://codepen.io/landy510/pen/mdQNrxR?editors=1100)|
|42| Renee Wang | [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/RwqXoXe) |
|43| Vic_Liou | [Codepen](https://codepen.io/allenliou-java/pen/RwqXKMz) |
|44| 小夏 |[Codepen](https://codepen.io/michaelhsia/pen/XWyvpZZ)|
|45| m_m |[Codepen](https://codepen.io/minnn7716/pen/oNQRVeR)|
|46| .icesam |[Codepen](https://codepen.io/icesam/pen/LYMPZPz)|
|47| zhu.lin |[Codepen](https://codepen.io/codepenplayer/pen/mdabENb)|
|48| Lianne._. |[Codepen](https://codepen.io/Elaina-L/pen/yLGBgOe?editors=1100)|
|49| runweiting |[Codepen](https://codepen.io/weiting14/pen/OJrLpdg)|
|50| 阿賀#3700 |[Codepen](https://codepen.io/sungho/pen/xxmKXPV)|
|51| 郭芙蘭#6374 |[Codepen](https://codepen.io/flora_Kuo/pen/MWZgOJe?editors=1100)|
|52| andersonshen |[Codepen](https://codepen.io/luxyenni-the-bold/pen/mdabaMJ)|
|53| tanuki5863 |[Codepen](https://codepen.io/tanuki320/pen/YzdKKNV)|
|54| mm_ieat |[Codepen](https://codepen.io/MINN3/pen/VwqwgQj)|
|55| liam9930 |[Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/xxmbKyG)|
|56| Paul#7426 | [Codepen](https://codepen.io/paul-1997/pen/ExGaGNw?editors=1010)|
|57| PayRoom#8328 |[Codepen](https://codepen.io/water38198/pen/xxmGEGr)|
|58| shuuu |[Codepen](https://codepen.io/afjrvjzl-the-bashful/pen/WNLvjXE?editors=1100)|
|59| .zack_p |[Codepen](https://codepen.io/Designer-PH/pen/XWobZwG?editors=1100)|
| 60 | Mylène | [Codepen](https://codepen.io/hamajibashi/pen/GRPJYwj) |
| 61 | santu0868 | [Codepen](https://codepen.io/HatsumiSan/pen/bGQPOWY) |
| 62 | cura | [Codepen](https://codepen.io/curalin/pen/rNoOWQZ?editors=1100) |
|63| adele6199 |[Codepen](https://codepen.io/codepen-io-winnie/pen/MWZarXe?editors=1100)|
|64| Long |[Codepen](https://codepen.io/Loonng/pen/qBQzwRW)|
|65| RX00#5351 |[Codepen](https://codepen.io/llqzknqv-the-styleful/pen/rNoewWK)|
|65| Martin |[Codepen](https://codepen.io/markyourpage/pen/wvRGbgZ)|
|66| 歐陽龍龍#1061 |[Codepen](https://codepen.io/dizzydog-rgb/pen/mdarqLN)|
|67| yuan2781 |[Codepen](https://codepen.io/ismebir/pen/mdawJMy?editors=1100)|
|68| patrickpie |[Codepen](https://codepen.io/patrickpie/pen/jOXZJJM?editors=1100)|
|69| 阿維#2569 |[Codepen](https://codepen.io/iijojpli-the-looper/pen/poqVWRV?editors=1100)|

<!-- 快速複製

|00| user |[Codepen]()|

-->