Blogger 展開及收合文章

2018.04.02 有時發現一篇網誌實在太長，無法分成兩篇，似乎使用展開及收合文章是恰當的選擇，所以使用HTML編輯模式中使用 Google Hosted Libraries。
將下方程式碼放在HTML中：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".btn1").click(function(){
  $(".hideparag1").slideToggle();
  });
});
</script>
<button class="btn1">主題一(按此展開或收合)</button>
<div class="hideparag1" style="display: none;">
要控制的內容
</div>

其中第一行目前版本是3.3.1，舊版幾乎也都可以用。
如果不只一個收合按鈕，前兩行只需要使用一次，後面的變數 btn1 及 hideparag1 要更改為btn2 及 hideparag2。
預設是隱藏，如果一開始不想隱藏，刪去style="display: none;"。
下面是示範第一個預設隱藏，第二個不是：

2018.03.06 聽說風鈴木開了就來到廍子公園欣賞黃花風鈴木，看到很多人帶著專業攝影器材又盛裝打扮，甚至還有空拍機，心裡十分羨慕，好想擁有那些設備，不過雖然我只有有手機，但至少欣賞美景的心情是不會變的。

2018.03.06 聽說風鈴木開了就來到廍子公園欣賞黃花風鈴木，看到很多人帶著專業攝影器材又盛裝打扮，甚至還有空拍機，心裡十分羨慕，好想擁有那些設備，不過雖然我只有有手機，但至少欣賞美景的心情是不會變的。