今天是第22天，是開啟第四週第一天呀!
今天要介紹的是有用到jquery的開關鍵!
今天最後的成品如下:

稍微後半被切掉了，不過就是再按一樣的鍵就可以收起來原本打開的橘色區域。
然後註解都打在程式碼裡面喔!

.html

<button type="button" id="btn2"></button>
//使用button的功能加入head裡的id就可以了
<div id="btn" style="width:100%; height: 500px; display: flex; justify-content: center;" >
    <div class="goods1" ></div>
  </div>
//設定一個區塊是給btn操控的。
//第一個div是為了讓第二個div能置中顯示才增加的。

.css

.goods1{
  float: left;
  position: relative;
  background-color: bisque;
  //顏色可以調成自己喜歡的，這個只是為了顯出顏色隨便按的顏色。
  height: 500px;
  width: 1300px;
}
//區塊設定

head

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript"></script>
  <script>
    $(document).ready(function () {
      $("#btn").hide();
//設定一開始是藏起來的狀態
      $("#btn2").click(function () {
        $("#btn").slideToggle(200);
        return false;
      });
      $("#btn1").click(function () {
        $("#btn").hide();
        return false;
      });
    });
  </script>

後來發現其實用id=btn2就可以直接操控開關，其實不用btn1也可以

以上是我開賽的第二十二天，讓我們來期待第二十三天的到來吧!
加油、加油! 倒數8天。