### 題目

請使用 jQuery 的 `toggleClass` 語法嘗試在點擊 `.list-item` 時加上 `.active`，再次點擊時會取消 `.active` 樣式 （需透過 Codepen 繳交）

請在 Pen Settings 設定 CSS Reset，如圖：


---

### HTML

<div class="list">
  <h1 class="list-title">甜點類別</h1>
  <ul>
    <li class="list-item active"><a class="list-link" href="#">所有甜點（48）</a></li>
  </ul>
</div>

### CSS

a {
  text-decoration: none;
}
.list {
  width: 300px;
  text-align: center;
}

.list-title {
  font-size: 24px;
  background: #3F5D45;
  color: #EAF0ED;
  padding: 16px 0;
}

.list-item {
  border: 1px solid #EAF0ED;

}

.list-item.active {
  background: #EAF0ED;
}

.list-link {
  font-size: 24px;
  line-height: 40px;
  font-weight: bold;
  color: #3F5D45;
  display: block;
  padding: 16px 0;
}

### JS

$('.list-item').click(function (e) {
 e.preventDefault();
 // 請使用 toggleClass 完成此作業
})

## 回報流程

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


<!-- 解答：
https://codepen.io/hexschool/pen/MWVeMbZ
-->

回報區
---

| # | Discord | CodePen / 答案 |
|:--:|:--------------:|:---------------------------------------------------------------:|
| 01 | kuanju27 | [Codepen](https://codepen.io/Eero-Chiao/pen/YzRJrbY) |
| 02 |Moreene|[CodePen](https://codepen.io/Moreene/pen/bGQmoJz)|
| 03 | Tami | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/gOQBGNj) |
| 04 | pinyi_9 | [Codepen](https://codepen.io/Wpypy/pen/KKrGyPP) |
| 05 | Vic_Liou | [Codepen](https://codepen.io/allenliou-java/pen/wvQYrbR) |
| 06 | Berlin | [Codepen](https://codepen.io/3qberlin/pen/MWzPOYw) |
| 07 | Rochel#4754 | [Codepen](https://codepen.io/rochelwang1205/pen/RwqeLzM) |
| 08 | billy_ti | [Codepen](https://codepen.io/Ti-Show/pen/BaGqmLE) |
| 09 | Yu | [Codepen](https://codepen.io/yuch3n_chen/pen/wvQYPzb) |
| 10 | SmallP | [Codepen](https://codepen.io/smallp/pen/VwVErpd?editors=1111) |
| 11 | bf_tsai | [Codepen](https://codepen.io/BF-Tsai/pen/xxQyPdX) |
| 12 | ning_bobo | [Codepen](https://codepen.io/ninghsu/pen/ExOdbmX) |
| 13 | m_m | [Codepen](https://codepen.io/minnn7716/pen/abQRVyL) |
| 14 | eric0529 | [Codepen](https://codepen.io/delichaomoon/pen/XWyxzzR) |
| 15 | rjjq | [Codepen](https://codepen.io/rjjq/pen/xxQyPPP) |
| 16 | townyuan | [Codepen](https://codepen.io/townyuan/pen/jOQeaxW) |
| 17 | Amelia | [Codepen](https://codepen.io/Amelia-chin/pen/yLQRPEV) |
| 18 | dodo_6666 | [Codepen](https://codepen.io/MissDouble/pen/JjemOpp) |
| 19 | hance__kao | [Codepen](https://codepen.io/HanceKao/pen/jOQeadM) |
| 20 | xuan#0808 | [Codepen](https://codepen.io/xuan0915/pen/jOQeaJM) |
| 21 | shcopy | [Codepen](https://codepen.io/shcopy/pen/yLQRPmb) |
| 22 | stevenchang421 | [Codepen](https://codepen.io/vwtrpqmm/pen/YzRJEMg) |
| 23 | cest_jessie | [Codepen](https://codepen.io/itsjessiechen/pen/RwqexRb) |
| 24 | Tina02 | [Codepen](https://codepen.io/chjitlox-the-bashful/pen/dyQgJOE) |
| 25 | Eden |[Codepen](https://codepen.io/iseden/pen/GRwYyWJ)|
| 26 | mm_ieat | [Codepen](https://codepen.io/MINN3/pen/LYXgeOo) |
| 27 | marskuo | [Codepen](https://codepen.io/MarsKuo/pen/vYQVpWE) |
| 28 | Martin | [Codepen](https://codepen.io/markyourpage/pen/JjemMMV) |
| 29 | awei | [Codepen](https://codepen.io/hong-wei/pen/mdQzpQE) |
| 30 | AYA | [Codepen](https://codepen.io/NoNameNote/pen/abQREQx) |
| 31 | ovo.yun | [Codepen](https://codepen.io/yun-the-scripter/pen/ZEmqrrg) |
| 32 | Uli | [Codepen](https://codepen.io/uli1313/pen/GRwYQdy) |
| 33 | Paul#7426 | [Codepen](https://codepen.io/paul-1997/pen/eYQPVLY?editors=1011) |
| 34 | jacky7035 | [Codepen](https://codepen.io/adens123/pen/rNQqJKa) |
| 35 | lychee_kk | [Codepen](https://codepen.io/kakakala/pen/xxQyYMR) |
| 36 | runweiting | [Codepen](https://codepen.io/weiting14/pen/wvQYyZQ) |
| 37 | Long | [Codepen](https://codepen.io/Loonng/pen/eYQPMBd) |
| 38 | hao2485 | [Codepen](https://codepen.io/Seanfeb16/pen/abQRYwy) |
| 39 | 墨墨#4571 | [Codepen](https://codepen.io/momof2e/pen/gOQBXQN) |
| 40 | ming0712 | [Codepen](https://codepen.io/StevenHuang/pen/NWEOYmx) |
| 41 | 銀光菇 | [Codepen](https://codepen.io/genesynthesis/pen/JjemvvV) |
| 42 | ryan.chou | [Codepen](https://codepen.io/csw8524/pen/Rwqeyer) |
| 43 | Atsushi#6888 | [Codepen](https://codepen.io/atsushi-amuro/pen/wvQYXpX) |
| 44 | 舜仁 | [Codepen](https://codepen.io/randomno/pen/abQRKaN) |
| 45 | ann6212 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/zYMmaPx) |
| 46 | 泊岸#3466 | [Codepen](https://codepen.io/qoq77416416/pen/mdQzjQg) |
| 47 | yunhsinnnnnnn | [Codepen](https://codepen.io/yun___hsin/pen/rNQqZBY) |
| 48 | JohnChien | [Codepen](https://codepen.io/glqwazid-the-selector/pen/VwVExoe) |
| 49 | hannahTW | [Codepen](https://codepen.io/hangineer/pen/jOQeQPg) |
| 50 | soniawu | [Codepen](https://codepen.io/YUJOU/pen/oNQaQeq) |
| 51 | yu.t_liu | [Codepen](https://codepen.io/YuT200053/pen/wvQYxLa) |
| 52 | 辣椒 | [Codepen](https://codepen.io/chilichen118/pen/LYXgqYE) |
| 53 | Randy | [Codepen](https://codepen.io/landy510/pen/yLQRmao?editors=0010) |
| 54 | 小夏 | [Codepen](https://codepen.io/michaelhsia/pen/JjemgQg) |
| 55 | hebin. | [Codepen](https://codepen.io/landyhsiao776/pen/ExOOYjz) |
| 56 | kimlemon0720 | [Codepen](https://codepen.io/znohmess-the-builder/pen/OJaaLJm) |
| 57 | Johnson3669 | [Codepen](https://codepen.io/crpbugqy-the-typescripter/pen/WNYYegY) |
| 58 | tanuki5863 | [Codepen](https://codepen.io/tanuki320/pen/GRwwRyP) |
| 59 | shuuu | [Codepen](https://codepen.io/afjrvjzl-the-bashful/pen/bGQQNEE) |
| 60 | liam9930 | [Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/WNYYbdp) |
| 61 | wind | [Codepen](https://codepen.io/wind7y/pen/WNYYbzj) |
| 62 | PayRoom |[CodePen](https://codepen.io/water38198/pen/LYXXEaw)|
| 63 | Eileen#6454 | [Codepen](https://codepen.io/Eileen-io/pen/MWzzaba) |
| 64 | Cura | [Codepen](https://codepen.io/curalin/pen/rNQQObw) |
| 65 | 依依 | [Codepen](https://codepen.io/Rita-Yang/pen/rNQQxwd) |
| 66 | markchen_ | [Codepen](https://codepen.io/Mark-JJchen/pen/XWyyKVp) |
| 67 | yuyuyu#1330 | [Codepen](https://codepen.io/yuyu1215/pen/GRwwjYo) |
| 68 | Lara Chen | [Codepen](https://codepen.io/yuting-chen/pen/jOQQGmK) |
| 69 | zhu.lin | [Codepen](https://codepen.io/codepenplayer/pen/xxQQQNP) |
| 70 | yuling#1634 | [Codepen](https://codepen.io/igzdflpu/pen/GRwwzRZ) |
| 71 | meowmeow | [Codepen](https://codepen.io/snow1224/pen/xxQQeVW) |
| 72 | Renee Wang#1437 | [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/PoxxrQx) |
| 73 | sinsaki225 | [Codepen](https://codepen.io/a8322342/pen/xxQQvZY) |
| 74 | adele6199 | [Codepen](https://codepen.io/codepen-io-winnie/pen/YzRJLxK) |
| 75 | .icesam | [Codepen](https://codepen.io/icesam/pen/BaGvYaL) |
| 76 | Kimi #9564 | [Codepen](https://codepen.io/kimihu91/pen/gOQdozm)|
| 77 | Mylène | [Codepen](https://codepen.io/hamajibashi/pen/mdQayJv) |
| 78 | 墨莉 | [Codepen](https://codepen.io/hoku0306/pen/eYQbQRY) |
| 79 | 阿賀#3700 | [Codepen](https://codepen.io/sungho/pen/eYQxmjE) |
| 80 | ChrisSQR#3308 | [Codepen](https://codepen.io/ChrisSQR/pen/abQXzmy) |
| 81 | EY | [Codepen](https://codepen.io/EY-chen/pen/eYQxMYx) |
| 82 | ROGER | [Codepen](https://codepen.io/jxyrmcxm-the-scripter/pen/ExOrpaB) |
| 83 | dong2328 | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/MWzLxVd) |
| 84 | Aritan1931 | [Codepen](https://codepen.io/Aritan/pen/xxQMNWM) |
| 85 | andersonshen | [Codepen](https://codepen.io/luxyenni-the-bold/pen/VwVgJVW) |
| 86 | santu0868 | [Codepen](https://codepen.io/HatsumiSan/pen/MWzRaOP) |
| 87 | yuan2781 | [Codepen](https://codepen.io/ismebir/pen/LYXvbBM) |
| 88 | NathanJames#8120 | [Codepen](https://codepen.io/ufo060204/pen/GRwLBOj) |
| 89 | swalok47716#7332 | [Codepen](https://codepen.io/swalok/pen/MWzMpvL) |
| 90 | .zack_p | [Codepen](https://codepen.io/Designer-PH/pen/wvQVwQb) |
|91|KC_8685|[Codepen](https://codepen.io/cathy7411/pen/LYXwXgX)|
| 92 | yuchou#5749 | [Codepen](https://codepen.io/yu-chou/pen/bGQXOVg) |
| 93 | SKey | [Codepen](https://codepen.io/Dale-Chien/pen/mdQNNGO) |
| 94 | WA | [Codepen](https://codepen.io/hexschool/pen/MWVeMbZ) |
| 95 | RX00#5351 | [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/KKbwzye) |
| 96 | FanJJ#8061 | [Codepen](https://codepen.io/yfchenn/pen/MWZwQxP) |
| 97 | peggy3169 | [Codepen](https://codepen.io/peggylai/pen/ExGVgvW) |
| 99 | 阿維#2569 | [Codepen](https://codepen.io/iijojpli-the-looper/pen/xxmwBYx) |
| 100 | 歐陽龍龍#1061 | [Codepen](https://codepen.io/dizzydog-rgb/pen/jOXbJoX) |
| 101 | JimmyChang | [Codepen](https://codepen.io/JimmyChangWenChi/pen/bGOrWVG) |
|102 | patrickpie | [Codepen](https://codepen.io/patrickpie/pen/jOXYgXK) |
|103 | 楓 | [Codepen](https://codepen.io/maplestartend/pen/wvOByvw) |
<!-- 快速複製格式

| 00 | user | [Codepen]() |

-->